CSDN資源地址

官方demo和文件

 注意事項 
My97DatePicker目錄是一個整體,不可破壞裡面的目錄結構,也不可對裡面的檔案改名,可以改目錄名 
My97DatePicker.htm是必須檔案,不可刪除 
各目錄及檔案的用途: 
WdatePicker.js 配置檔案,在呼叫的地方僅需使用該檔案,可多個共存,以xx_WdatePicker.js方式命名 
config.js 語言和面板配置檔案,無需引入 
calendar.js 日期庫主檔案,無需引入 
My97DatePicker.htm 臨時頁面檔案,不可刪除 
目錄lang 存放語言檔案,你可以根據需要清理或新增語言檔案 
目錄skin 存放面板的相關檔案,你可以根據需要清理或新增面板檔案包 
當WdatePicker.js裡的屬性:$wdate=true時,在input里加上class="Wdate"就會在選擇框右邊出現日期圖示,如果您不喜歡這個樣式,可以把class="Wdate"去掉,另外也可以通過修改skin目錄下的WdatePicker.css檔案來修改樣式 

 支援的瀏覽器 
IE 6.0+ , Firefox 2.0+ , Chrome, Opera 9.5+ , Safari 3.0+

1.支援多種呼叫模式

除了支援常規在input單擊或獲得焦點呼叫外,還支援使用其他的元素如:<img><div>等觸發WdatePicker函式來呼叫彈出日期框

年月時分秒輸入框都具備以下三種特性 
1. 通過導航圖示選擇

2. 直接使用鍵盤輸入數字

3. 直接從彈出的下拉框中選擇

3.支援周顯示

可以通過配置isShowWeek屬性決定是否限制周,並且在返回日期的時候還可以通過自帶的自定義事件和API函式返回選擇的周

4.只讀開關,高亮週末功能

設定readOnly屬性 true 或 false 可指定日期框是否只讀 
設定highLineWeekDay屬性 ture 或 false 可指定是否高亮週末

5.操作按鈕自定義

清空按鈕和今天按鈕,可以根據需要進行自定義,它們分別對應 isShowClear 和 isShowToday 預設值都是true

6.自動選擇顯示位置

當控制元件處在頁面邊界時,它會自動選擇顯示的位置,所以沒有必要擔心彈出框會被頁面邊界遮住的問題了.

7.自定義彈出位置

當控制元件處在頁面邊界時,它會自動選擇顯示的位置.此外你還可以使用position引數對彈出位置做調整.

8.自定義星期的第一天(4.6新增)

各個國家的習慣不同,有些喜歡以星期日作為第一天,有些以星期一作為第一天.
相關屬性:firstDayOfWeek: 可設定 0 - 6 的任意一個數字,0:星期日 1:星期一 以此類推