จำนวนผู้เข้าชม : 3,841
กำลังมองหา 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>
<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
Array
(
[1053832621] => Array
(
[post_type] => post
[post_status] => publish
[post__in] => Array
(
[0] => 8274
[1] => 8234
[2] => 7290
[3] => 7273
[4] => 7111
[5] => 6750
[6] => 6654
[7] => 6632
[8] => 6607
[9] => 6584
[10] => 6534
[11] => 6452
[12] => 6421
[13] => 5940
[14] => 5932
[15] => 5563
[16] => 5504
[17] => 5228
[18] => 5107
)[orderby] => rand
[posts_per_page] => 12
))SELECT SQL_CALC_FOUND_ROWS dprn_posts.ID
FROM dprn_posts
WHERE 1=1 AND dprn_posts.ID IN (8274,8234,7290,7273,7111,6750,6654,6632,6607,6584,6534,6452,6421,5940,5932,5563,5504,5228,5107) AND dprn_posts.post_type = 'post' AND ((dprn_posts.post_status = 'publish'))
ORDER BY RAND()
LIMIT 0, 12
เป็นยังไงกันบ้างคะ ไม่ยากเลยใช่ไหมละสำหรับการเรียกใช้งาน Datepicker ภาษาไทย Bootstrap Datepicker Thai ดูเพลินก็หวังว่าบทความของเราจะเป็นประโยชน์ต่อท่านไม่มากก็น้อย นอกจากนี้ เรายังมีบทความดี ๆ อีกมากมาย คุณสามารถลองคลิกเขาไปอ่านบทความอื่น ๆ ตามลิงค์ด้านล่างได้เลย
เทคนิคอื่นๆ เกี่ยวกับการเขียนโค้ด คลิก
อย่าลืมไปติดตาม Facebook fanpage ของเรา >> Click <<