My97DatePicker日期插件

My97DatePicker是一款優秀的日期插件，它可以很方便地實現各種日期選擇效果，博得廣大IT開發人員的青睞。

下面來講講它的常用功能及設置方法。

方法/步驟

 

1. 1

   先來最簡單的配置方法：

   （1）下載WdatePicker.js（包括lang和skin文件夾）。

   （2）在html頁面中導入WdatePicker.js。

   （3）在輸入框input元素上加入class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"代碼。

   （4）打開頁面查看效果。

   
2. 2

   上面的代碼截圖：

   
3. 3

   下面詳細講解它的各種常用功能。

4. 4

   顯示年：dateFmt:'yyyy'

   

   
5. 5

   顯示年月：dateFmt:'yyyyMM'

   

   
6. 6

   顯示年月日：dateFmt:'yyyyMMdd'

   

   

7. 顯示年月日時分秒：dateFmt:'yyyyMMdd HH:mm:ss'

   

   

8. 格式化:年月日時分秒：dateFmt:'yyyy年MM月dd日 HH時:mm分:ss秒'

   

   

9. 設置只讀：readOnly:true

   

   

10. 隱藏清空按鈕：isShowClear:false

    

    

11. 設置今天為最小日期：minDate:new Date()

     

    

    

12. 設置今天為最大日期：maxDate:new Date()

    

    

13. 設置明天為最小日期：minDate:'%y-%M-{%d+1}'

    

    

14. 只能選擇本月第一天到最后一天：minDate:'%y-%M-01',maxDate:'%y-%M-%ld'

    

    

15. 開始日期不能大於結束日期，且都不能大於今天：

    開始日期-maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'

    結束日期-minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()

    

    

    

16. 設置顯示周：