您的位置:首页 > 其它

日历插件My97DatePicker的使用

2016-04-06 19:56 120 查看
  在开发过程中,我们会经常遇到让用户输入日期的表单,这类表单处理起来也不是太繁琐,就是简单的字符串和日期之间的转换。但是,如果用户不按照已设定的日期格式进行输入,必定会造成不必要的麻烦。为了更好的处理这种表单的数据,建议使用日历插件。日历插件太多了,这里我就简单介绍一下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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: