ปกติเราจะใช้ html5 ในการรับค่า ว/ด/ป <input type=”date”>
ซึ่งมันก็ Run ได้แค่บาง browser เช่น google chrome แต่พอไปใช้ browser ตัวอื่นกลับไม่ทำงาน ซะงั้น ดังนั้นใน free template นีจะแนะนำการใช้งาน Datepicker ที่สามารถ run ได้ทุก browser พร้อมกับไฟล์ script ให้ download ไปปรับแต่งได้ตามสบาย มาดูตัวอย่างกันครับ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 |
<html> <head> <meta charset="utf-8" /> <script src="jquery-1.6.min.js" type="text/javascript"></script> <script src="jquery-ui-1.8.12.custom.min.js" type="text/javascript"></script> <link href="jquery-ui-1.8.12.custom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $(document) .ready(function() { $("#date_s") .datepicker({ dateFormat : "yy-mm-dd" }); }); </script> </head> <body> <form id="inform" name="inform" method="post" action=""> <b>start</b> <input name="date_s" type="text" id="date_s" required="required" placeholder="click"/> </form> </body> </html> |
ไฟล์ตัวอย่าง datepiker
อย่าลืมนำไปพัฒนาต่อนะครับ devbanban.com