日历插件My97DatePicker的使用
2016-04-06 19:56
120 查看
在开发过程中,我们会经常遇到让用户输入日期的表单,这类表单处理起来也不是太繁琐,就是简单的字符串和日期之间的转换。但是,如果用户不按照已设定的日期格式进行输入,必定会造成不必要的麻烦。为了更好的处理这种表单的数据,建议使用日历插件。日历插件太多了,这里我就简单介绍一下My97DatePicker的使用。
My97DatePicker是一个非常简单轻巧的插件,下载地址:https://yunpan.cn/cqBQE9CGXajnd 访问密码 f38c
My97DatePicker的使用非常之简单,首先,先把My97DatePicker整个文件夹拷贝到Webroot目录下,然后在JSP或html页面的head标签内引入:
最后在input标签内写这样一个获得焦点的事件:
这样就解决了用户乱输入日期的麻烦事情了。
效果如图:
补充一点,这个日历插件的皮肤可以换的。具体操作看My97DatePicker.html
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
相关文章推荐
- 团队成员及题目
- c++覆盖 重载 隐藏 的关系
- word公式常用字体
- POJ 2524-Ubiquitous Religions(入门并查集)
- Android Touch事件传递机制
- 1 | Objective-C入门
- Caffe学习系列(21):caffe图形化操作工具digits的安装与运行
- Python public private
- PAT BASIC 1003
- poj 2646 The Trip
- 第四章:语句
- 读书笔记(chapter4)
- Android Studio系列教程四--Gradle基础
- 加密解密技术基础、PKI及创建私有私有CA
- iOS——UIPickerView UIDatePicker使用
- BZOJ2502: 清理雪道
- 23种设计模式
- POJ 3904 Sky Code (容斥原理)
- Gson进阶学习
- PAT BASIC 1002