My97DatePicker日期插件的經常使用功能說明

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. 7

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

8. 8

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

9. 9

   設置只讀：readOnly:true

10. 10

    隱藏清空按鈕：isShowClear:false

11. 11

    設置今天爲最小日期：minDate:new Date()

     

12. 12

    設置今天爲最大日期：maxDate:new Date()

13. 13

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

14. 14

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

15. 15

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

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

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

16. 16

    設置顯示周：