1.首先下载JS插件,导入至项目中。
2.在html中引入js:
<script type="text/javascript" src="js/plugins/My97DatePicker/WdatePicker.js"></script>
3.使用,onClick或者onfocus触发:
<input class="Wdate" name="periodTest" id="period_test"
onfocus="WdatePicker({dateFmt:'yyyy-MM',readOnly:true,minDate:'%y-%M',isShowClear:false,isShowToday:false,errDealMode:0})" required/>
4.获取日期框的值,或者设置值
//获取值
var periodTest= $("#periodTest").val();
//设置值
$("#periodTest").val("2018-12");
效果如下:
5.常用配置信息:http://www.my97.net/demo/resource/3.asp
配置信息主要在οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" 的WdatePicker 方法的 { } 对象中定义。
常用的配置信息在 WdatePicker.js 文件中定义了。
希望此文能够帮助到您!