簡單的 DatePicker 工具 不依賴任何一個框架

by - 下午5:17

Date Input Calendar 實際執行畫面 A-Fu
Date Input Calendar 實際執行畫面
Jason's Date Input Calendar 是專為減化輸入到表單中的日期值,支持多種日期格式,方便簡單使用不需載入框架檔案直接就可以使用,支持大部分的瀏覽器 IE6+、FireFox、Chrome、Opera

使用方法:
首先載入這一個程式的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
檔案備份:下載 (備份檔包含圖片)

You May Also Like

0 意見