My97DatePicker日期插件使用

1.首先下载JS插件,导入至项目中。

My97DatePicker日期插件使用

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");

效果如下:

My97DatePicker日期插件使用

 My97DatePicker日期插件使用

 5.常用配置信息:http://www.my97.net/demo/resource/3.asp

配置信息主要在onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" 的WdatePicker 方法的 { } 对象中定义。

常用的配置信息在 WdatePicker.js 文件中定义了。

希望此文能够帮助到您!