script ปฏิทินครับใช้งานง่าย
ผมไปเจอมาครับและทดลองใช้งานแล้วใช้งานง่ายดีเลยมาแบ่งปั่นเพื่อนๆ ครับ สำคัญฟรีด้วย เมื่อ Download เราก็เอาไปตั้ง path ที่เราเตรียมไว้สำหรับ js ตัวนี้ แล้วก็ทำตามตัวอย่าง
– ประกาศมันซะใน <head></head>
1 2 3 4 | ... <link type="text/css" rel="stylesheet" href="js/dhtmlgoodies_calendar.css?random=20051112" media="screen"></link> <script type="text/javascript" src="js/dhtmlgoodies_calendar.js?random=20060118"></script> ... |
สร้าง Field เพื่อมารับค่า
1 2 3 | ...
<input type="text" value="" readonly name="theDate">
... |
สร้างปุ่มเพื่อติดต่อไปที่ script
1 2 3 | ...
<input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate,'dd/mm/yyyy',this)">
... |
หรือจะเอาถึงหน่วย นาที
1 2 3 | ...
<input type="button" value="Cal" onclick="displayCalendar(document.forms[0].theDate,'dd/mm/yyyy hh:ii',this,true)">
... |
หรือเอาแบบ image
1 2 3 | ...
<img name="theDateimg" id="theDateimg" style="cursor:pointer" onClick="displayCalendar(document.forms[0].theDateimg,'dd/mm/yyyy hh:ii',this,true)" src="image/calendar/cal.gif" width="16" height="15" align="absmiddle">
... |
ที่จริงโหลดมา มันจะมีตัวอย่างให้เราดูแล้ว
———————
Download
ที่มา : dhtmlgoodies
