<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}:表示明天-->