只需两步带你轻松使用My97DatePicker日期控件

1.下载控件包、页面导入js

网站地址: My97日期控件官方网站 My97 DatePickerMy97日期控件官方网站 My97 DatePicker 

 1.点击下方按钮

​

2.选择下载压缩包(这里选择的是zip)

​

 3.下载好后、页面导入js文件、导入WdatePicker.js即可

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

2.根据自身需求来调用WdatePicker方法

一般是input的点击事件，选择之后，值自动填入到input

该方法有一个集合类型参数，这里通过设置”dateFmt“ key值 : 该值表示的是需要的时间段，不设置默认显示可选择的"年 月 日 时 分 秒"

这里的 "HH:mm" 设置的就是只需要小时和分钟时间段就如下图:

<input type="text"  readonly="readonly" onclick="WdatePicker({dateFmt:'HH:mm'});" >

点击input之后就会出现一下元素,如果想选择其他时间段 可按照该格式去改动 格式 : "yyyy-MM-dd HH:mm:ss"，需要什么就填什么大家可以自己测试一下；选择之后会将值覆盖到input中。

 谢谢大家的浏览！！！