#My97DatePicker
http://my97.net/dp/demo/
My97DatePicker是一款优秀的日期插件,它可以很方便地实现各种日期选择效果,博得广大IT开发人员的青睐。
(1)下载WdatePicker.js(包括lang和skin文件夹)。
(2)在html页面中导入WdatePicker.js。
(3)在输入框input元素上加入class=“Wdate” onFocus="WdatePicker({lang:‘zh-cn’})"代码。
(4)打开页面查看效果。
工作需求:两个时间控件之间要求可选范围是间隔12个月,起始月选择选择2016-11,结束月份只能选择到2017-10
代码实现:
<input type="text" class="sps-ui-input-date" id="d4311" value="2016-11" placeholder="2016-11" name="endData" readonly="readonly" onfocus="WdatePicker({dateFmt:'yyyy-MM',alwaysUseStartDate:true,isShowOK:false,isShowToday:false,maxDate:'#F{$dp.$D(\'d4312\')}',onpicked:function(){d4312.focus();}})">
<input type="text" class="sps-ui-input-date" id="d4312" value="2017-11" placeholder="2017-11" name="endData" readonly="readonly" onfocus="WdatePicker({dateFmt:'yyyy-MM',alwaysUseStartDate:true,isShowOK:false,isShowToday:false,minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'#F{$dp.$D(\'d4311\',{M:11})}'})">
–demo地址里各种demo和api比较全面