เอา Input Calendar Script มาฝากจ๊ะ สามารถโหลดมาใช้ ดูวิธีใช้หรือรายละเอียดเพิ่มเติมด้านล่างเลยจ๊ะ
Step 1 โหลดไฟล์ calendarDateInput.js และภาพมาก่อนซึ่งดาวน์โหลดได้ตามลิ้งค์นี้จ๊ะ
  
http://www.dynamicdrive.com/dynamicindex7/calendarDateInput.js
Step 2 นำโค๊ดด้านล่างนี้ไปใส่ใว้ใ้น <head>....</head>
<script type="text/javascript" src="calendarDateInput.js">
/***********************************************
* Jason's Date Input Calendar- By Jason Moon http://calendar.moonscript.com/dateinput.cfm
* Script featured on and available at http://www.dynamicdrive.com
* Keep this notice intact for use.
***********************************************/
</script>
Step 3 นำโค๊ดด้านล่างไปใส่ใว้ในส่วนของ <body>...</body> ตามต้องการจ๊ะ
<form>
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
<input type="button" onClick="alert(this.form.orderdate.value)" value="Show date value passed">
</form>
สามารถดูการปรับแต่งรายละเอียดเพิ่มเติมต่างๆได้ตามลิ้งค์ด้านล่างจ๊ะ...
http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm
|
