时间插件---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="end">

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

附加:日期范围限制

<!-- 静态限制:注意:日期格式必须与 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}:表示明天-->

 

猜你喜欢

转载自blog.csdn.net/qq_34802511/article/details/85173858