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

Comments are closed.