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