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)    收藏  举报