4/29/2556

การสร้างตัวเลือกปฎิทินด้วย jquery Datepicker

      สำหรับข้อมูลประเภทวันที่การใส่ input ใน Form เป็นรูปแบบปฎิทินให้เลือกวันที่จะทำให้ผู้ใช้รู้สึกจะดวก และดูน่าใช่มากกว่า
     สำหรับการสร้าง input ปฎิทิน สามารถทำได้ดังนี้

1.)

  <!--   เรียกใช้ jquery  ui  สำหรับสร้าง input ปฎิทิน   -->

  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

   
2.)

 <!--   กำหนดให้ input ที่มี id เป็น datepicker เป็น input ปฎิทิน -->

<script>

  $(function() {
    $( "#datepicker" ).datepicker({ dateFormat: 'dd/mm/yy' ,isBuddhist: false});//กำหนดให้ Format ของวันที่เป็น วัน/เดือน/ปี และแสดงเป็นปี ค.ศ.
  });
 </script>


3)

<!--   สร้า้ง input ปฎิทิน -->

 <input type="text" id="datepicker" />