【js】日期控件的实现

需求：通过日期控件实现只显示年月

效果如下图：

日期控件使用的是My97DatePicker：
可以从官网下载：http://www.my97.net/，或者：
链接：https://pan.baidu.com/s/1KRXSjfqpyguZ67vBrOWM8g
提取码：aq18

使用步骤：

1、解压后将其复制到项目中，在jsp中进行引用
注：src="My97DatePicker/WdatePicker.js"需要根据实际情况改变路径。

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
1

2、之后只需要在input中加入WdatePicker({dateFmt:‘yyyy-MM’})，即可正常使用 例：

 <input id="test"   onclick="WdatePicker({dateFmt:'yyyy-MM'})" placeholder="点击选择年月">
1

3、对月份添加限制，只能选择前12个月，增加如下属性：

<input id="report_date" onclick="WdatePicker({dateFmt:'yyyy-MM', minDate:'{%y-1}-%M',maxDate:'%y-%M' })" placeholder="点击选择年月">
1

minDate:‘{%y-1}-%M’设置最小日期只能向前选择12个月
maxDate:’%y-%M’设置最大日期只能到今天，再往前就无法选择了。

参考链接：https://blog.csdn.net/qq_43948440/article/details/110439071