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

標(biāo)簽：iWork

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

1

2

3

4

5

6

7

分步閱讀
My97DatePicker是一款優(yōu)秀的日期插件，它可以很方便地實(shí)現(xiàn)各種日期選擇效果，博得廣大IT開發(fā)人員的青睞。
下面來講講它的常用功能及設(shè)置方法。

方法/步驟

1
先來最簡單的配置方法：
（1）下載WdatePicker.js（包括lang和skin文件夾）。
（2）在html頁面中導(dǎo)入WdatePicker.js。
（3）在輸入框input元素上加入class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"代碼。
（4）打開頁面查看效果。

2
上面的代碼截圖：

3
下面詳細(xì)講解它的各種常用功能。

4
顯示年：dateFmt:'yyyy'


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

5
顯示年月：dateFmt:'yyyyMM'


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

6
顯示年月日：dateFmt:'yyyyMMdd'


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

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


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

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


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

設(shè)置只讀：readOnly:true


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

隱藏清空按鈕：isShowClear:false


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

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


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

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


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

設(shè)置明天為最小日期：minDate:'%y-%M-{%d+1}'


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

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


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

開始日期不能大于結(jié)束日期，且都不能大于今天：
開始日期-maxDate:'#F{$dp.$D('endDate')||'new Date()'}'
結(jié)束日期-minDate:'#F{$dp.$D('startDate')}',maxDate:new Date()


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

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

設(shè)置顯示周：


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

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容