หน้าแรก > เทคนิคการเขียนโค้ด > Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

Bootstrap datepicker thai วิธีทำ datepicker php ภาษาไทย

Spread the love
จำนวนผู้เข้าชม : 4,515

กำลังมองหา Bootstrap datepicker ภาษาไทย หรือ Datepicker php ภาษาไทย อยู่หรือป่าว ถ้าใช่แล้วละก็แวะมาทางนี้เพราะเรา ดูเพลินได้นำวิธีสร้าง Datepicker ภาษาไทย โดยที่คุณไม่ต้องโหลดไฟล์สักไฟล์มาไว้ในเครื่องเลยละ จะทำยังไงมาดูกัน

See the Pen Datepicker php ภาษาไทย by Kiti Chan Boyd (@kiti-chan-boyd) on CodePen.

วิธีการติดตั้ง Datepicker ภาษาไทย

1. Copy code ด้านล่างนี้ไปวางไว้ในส่วน <head> .... </head>

<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/locales/bootstrap-datepicker.th.min.js"></script>

2. ตัวอย่าง HTML Code ของ Input datepicker ภาษาไทย

<div class="container">
    <div class="row">
        <div class="col-12">
            <div class="form-group">
                <div class="input-group date">
                    <strong>เลือกวันที่:</strong> <input id="datepicker" class="datepicker">
            </div>
        </div>
    </div>
</div>

3. Javascript สำหรับเรียกใช้งาน Datepicker ภาษาไทย

<script type="text/javascript">
    jQuery(document).ready(function($){
        jQuery.fn.datepicker.defaults.language = 'th';
        jQuery('#datepicker').datepicker({
                    autoclose: true,
                    todayHighlight: true
                }).datepicker('update', new Date());
    });
</script>

บทความอื่น ๆ ที่เกี่ยวข้องกับ Javascript/jQuery

เป็นยังไงกันบ้างคะ ไม่ยากเลยใช่ไหมละสำหรับการเรียกใช้งาน Datepicker ภาษาไทย Bootstrap Datepicker Thai ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย

เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก

อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<

บทความที่น่าสนใจ...