My97DatePicker日期控件的使用
- 官网地址: http://www.my97.net/index.asp
- 下载地址: http://www.my97.net/down.asp
- 具体使用:
新建web项目-->将下载的文件解压(文件名不允许修改)复制到web项目的webapp目录下-->新建jsp页面引入jquery.js和WdatePicker.js文件
- 常用功能介绍:参考官网详细文档 http://www.my97.net/demo/index.html
- 简单使用源码
1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 4 <html> 5 <head> 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 7 <script type="text/javascript" src="../res/js/lib/jquery-1.10.2.min.js"></script> 8 <script type="text/javascript" src="../res/lib/My97DatePicker/WdatePicker.js"></script> 9 <title>My97Date日期控件测试</title> 10 </head> 11 <body> 12 <center> 13 <h2>My97Date控件测试</h2> 14 常规使用:<input type="text" onclick="WdatePicker();"><br /> 15 图标触发:<input type="text" id="js-blur-img"> 16 <img onclick="WdatePicker({el:'js-blur-img'})" src="../res/lib/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"> 17 </center> 18 </body> 19 </html>
源码下载地址:https://gitee.com/SunnySVN/WebProject.git
最新同步更新地址:https://www.sunnyblog.top/
感谢您花时间阅读此篇文章,如果您觉得这篇文章你学到了东西也是为了犒劳下博主的码字不易不妨打赏一下吧,让博主能喝上一杯咖啡,在此谢过了!
如果您觉得阅读本文对您有帮助,请点一下左下角“推荐”按钮,您的“推荐”将是我最大的写作动力!另外您也可以选择【关注我】,可以很方便找到我!
本文版权归作者和博客园共有,来源网址:https://www.cnblogs.com/sunny1009 欢迎各位转载,但是未经作者本人同意,转载文章之后必须在文章页面明显位置给出作者和原文连接,否则保留追究法律责任的权利!