首页 > Javascript > 时间插件WdatePicker使用说明
2018
08-29

时间插件WdatePicker使用说明

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

timg.jpg

作者:admin
admin
TTF的家园-www.ttfde.top 个人博客以便写写东西,欢迎喜欢互联网的朋友一起交流!

本文》有 0 条评论

留下一个回复