รวมเทคนิคต่าง ๆ ในการพัฒนาระบบ ที่น่าสนใจ รวมไว้ที่เดียว มีอะไรสอบถาม สามารถติดต่อผ่านช่องผ่าน Fanpage เราได้เลย

วันศุกร์ที่ 1 พฤษภาคม พ.ศ. 2563

แจก!!! Datepicker ภาษาไทย ปฏิทินเว็บไซต์ ภาษาไทย

Share:

กำลังหาปฏิทินภาษาไทยไปใช้งานบนเว็บไซต์ของคุณอยู่ใช่ไหม เข้ามาทางนี้เลย Onlymycode ทำไว้ให้คุณ Donwlod ไปใช้กันฟรี ๆ แล้วที่ Link ด้านล่างนี้


Download

ตัวอย่าง

เลือกวันที่: <<< ลองคลิกดูสิ


หรือว่าคุณจะทำเองง่าย ๆ ตามตัวอย่างด้านล่างนี้เลย

Copy Code ด้านล่าง ไปแทรกใน <head> ..... </head>
<link href="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/css/datepicker3.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdn.jsdelivr.net/bootstrap.datepicker-fork/1.3.0/js/locales/bootstrap-datepicker.th.js"></script>

สร้าง Input แทรกไว้ในจุดที่คุณต้องการแสดงปฏิทิน
<input name="datepicker" class="datepicker"/>

แทรก Tag Javascript นี้ไว้ด้านสุดของเว็บไซต์
<script type="text/javascript">    
    $(document).ready(function(){
        $.fn.datepicker.defaults.language = 'th';
        $('.datepicker').datepicker();
    });
</script>

เรียบร้อย คุณก็จะมี Datepicker ที่ใช้ภาษาไทยได้เหมือนตัวอย่างด้านล่าง



Share:

บทความที่ได้รับความนิยม

Search

บทความอื่น ๆ