WdatePicker小結

轉載自部落格園 donglf 的部落格，原部落格連結 https://www.cnblogs.com/donglf/p/5868999.html

WdatePicker.js日期插件：

1、 %y  目前年 

　　%M  目前月 

　　%d  目前日 

　　%ld 本月最後一天 

　　%H  目前時 

　　%m  目前分 

　　%s  目前秒

2、可以通過配置minDate(最小日期) 和 maxDate(最大日期)，來限制日期範圍

<input type="text" value="startTime" readonly="readonly" onfocus="WdatePicker({startDate:'%y-%M-%d 00:00:00',
dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'endTime\')}'})">
           

<input type="text" value="endTime" readonly="readonly" onfocus="WdatePicker({startDate:'%y-%M-%d 00:00:00',
dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'startTime\')}'})">
           

3、 #{} 運算表達式,如:#{%d+1}:表示明天 

//隻能選擇今天以後的日期（不包括今天）
<input type="text" value="" onfocus="WdatePicker({minDate:'%y-%M-#{%d+1}'})"/>
           

4、#F{} {}之間是函數可寫自定義JS代碼

maxDate:'#F{$dp.$D(\'endTime\')||\'2020-10-01\'}' 表示當 <input value="endTime">中value 為空時, 采用 2020-10-01 的值作為最大值
           

5、前面的日期+3天 不能大于 後面的日期

<input type="text" class="Wdate" id="d4321" onFocus="WdatePicker({maxDate: '#F{$dp.$D(\'d4322\',{d:-3});}' })"/>
<input type="text" class="Wdate" id="d4322" onFocus="WdatePicker({minDate: '#F{$dp.$D(\'d4321\',{d:3});}' })"/>
           

6、日期差量用法：

　　屬性 y M d H m s 分别代表 年、月、日、時、分、秒

{M:5,d:7} 表示 五個月零7天

{y:1,d:-3} 表示 1年少3天

{d:1,H:1} 表示一天多1小時