时间插件---WdatePicker使用方法

<script src="./WdatePicker/WdatePicker.js" type="text/javascript"></script>
<label>起始有效期：</label>
<input  class="form-control" placeholder="起始有效期" id="begin" onclick="WdatePicker()" name="begin">

<label>截至有效期：</label>
<input  class="form-control" placeholder="截至有效期" id="ender" onclick="WdatePicker({lang:'zh-cn', dateFmt:'yyyy-MM-dd HH:mm:ss'})" name="ender">

<label>截至有效期：</label>
<input  class="form-control" placeholder="截至有效期" id="ender" onclick="WdatePicker({dateFmt: 'yyyy'})" name="ender">
<p class="showInfo"></p>

附加：日期范围限制

<!-- 静态限制：注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致。你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围。-->

<!-- 1.限制日期的范围是 2006-09-10到2008-12-20 -->
<input id="d411" class="Wdate" type="text" onfocus="WdatePicker({minDate: '2006-09-10', maxDate: '2008-12-20' })"/>

<!-- 2.限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30 -->
<input id="d412" class="Wdate" type="text" onfocus="WdatePicker({dateFmt: 'yyyy-MM-dd HH:mm:ss', minDate: '2008-03-08 11:30:00', maxDate: '2008-03-10 20:59:30' })" value="2008-03-09 11:00:00"/>

<!-- 3.限制日期的范围是 2008年2月 到 2008年10月 -->
<input id="d413" class="Wdate" type="text" onfocus="WdatePicker({dateFmt: 'yyyy年M月', minDate: '2008-2', maxDate: '2008-10' })"/>

<!-- 4.限制日期的范围是 8:00:00 到 11:30:00 -->
<input id="d414" class="Wdate" type="text" onfocus="WdatePicker({dateFmt: 'H:mm:ss', minDate: '8:00:00', maxDate: '11:30:00' })"/>



<!-- 动态限制：注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致。你可以通过系统给出的动态变量,如%y(当前年),%M(当前月)等来限度日期范围,你还可以通过#{}进行表达式运算,如:#{%d+1}:表示明天-->
<!-- 动态变量表：格式 说明 
  %y：当前年        %M：当前月        %d：当前日        %ld：本月最后一天 
  %H：当前时        %m：当前分        %s：当前秒        #{}：运算表达式,如:#{%d+1}:表示明天        #F{} {}：之间是函数可写自定义JS代码 -->

<!-- 1.只能选择今天以前的日期(包括今天) -->
<input id="d421" class="Wdate" type="text" onfocus="WdatePicker({maxDate: '%y-%M-%d' })"/>

<!-- 2.只能选择今天以后的日期(不包括今天) -->
<input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-#{%d+1}' })"/>

<!-- 3.只能选择本月的日期1号至本月最后一天 -->
<input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate: '%y-%M-01', maxDate: '%y-%M-%ld' })"/>

<!-- 4.只能选择今天7:00:00至明天21:00:00的日期 -->
<input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate: '%y-%M-%d 7:00:00', maxDate: '%y-%M-#{%d+1} 21:00:00' })"/>

<!-- 5.只能选择 20小时前 至 30小时后 的日期 -->
<input id="d425" class="Wdate" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate: '%y-%M-%d #{%H-20}:%m:%s' ,maxDate: '%y-%M-%d #{%H+30}:%m:%s' })"/>

参考文档： 

https://www.cnblogs.com/goloving/p/7163697.html?tdsourcetag=s_pcqq_aiomsg

https://www.cnblogs.com/yangning/p/4260584.html?tdsourcetag=s_pcqq_aiomsg

https://www.layui.com/laydate/?tdsourcetag=s_pcqq_aiomsg

https://www.cnblogs.com/loveyaxin/p/6215677.html?tdsourcetag=s_pcqq_aiomsg