日历插件My97DatePicker的使用

时间:2023-03-08 15:37:41
日历插件My97DatePicker的使用

  在开发过程中,我们会经常遇到让用户输入日期的表单,这类表单处理起来也不是太繁琐,就是简单的字符串和日期之间的转换。但是,如果用户不按照已设定的日期格式进行输入,必定会造成不必要的麻烦。为了更好的处理这种表单的数据,建议使用日历插件。日历插件太多了,这里我就简单介绍一下My97DatePicker的使用。

  My97DatePicker是一个非常简单轻巧的插件,下载地址:https://yunpan.cn/cqBQE9CGXajnd  访问密码 f38c

  My97DatePicker的使用非常之简单,首先,先把My97DatePicker整个文件夹拷贝到Webroot目录下,然后在JSP或html页面的head标签内引入:

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

最后在input标签内写这样一个获得焦点的事件:

onFocus="WdatePicker({isShowClear:false,readOnly:true})"

这样就解决了用户乱输入日期的麻烦事情了。

效果如图:

日历插件My97DatePicker的使用

补充一点,这个日历插件的皮肤可以换的。具体操作看My97DatePicker.html