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小时