My97DatePicker日期控件的使用

  1. 官网地址: http://www.my97.net/index.asp
  2. 下载地址: http://www.my97.net/down.asp
  3. 具体使用:

　　　　　　新建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

　　　　

posted @ 2017-10-25 10:49  sunny1009  阅读(348)  评论(0)    收藏  举报