簡單的 DatePicker 工具 不依賴任何一個框架
Date Input Calendar 實際執行畫面 |
使用方法:
首先載入這一個程式的JS檔案
<script type="text/javascript" src="calendarDateInput.js"></script>
然後再要顯示日曆的位置寫入
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
這樣子就完成了日曆選擇器的製作了
很容易吧!!
以下附上可修改的參數值
DateInput(DateName, Required*, DateFormat*, DefaultDate*)
DateName | 字串形態 - 表單送出的名稱 |
Required | 布林形態 - 用戶是否需要多一個日期選擇.預設為false |
DateFormat | 字串形態 - 送出的日期格式.預設為 MM/DD/YYYY |
DefaultDate | 字串形態 - 下拉選單的日期.預設為今天 |
作者網站:http://www.dynamicdrive.com/dynamicindex7/jasoncalendar.htm
檔案大小:31 KB
檔案下載:http://www.dynamicdrive.com/dynamicindex7/calendarDateInput.js
檔案備份:下載 (備份檔包含圖片)
0 意見