My97 DatePicker图标触发

来源：互联网发布：魔兽世界编程语言编辑：程序博客网时间：2024/05/17 22:38

My97 DatePicker图标触发

1、设计源码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>        <title>My97 DatePicker图标触发</title>    <meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0">    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" src="../scripts/jquery-1.11.1.js"></script><script type="text/javascript" src="../scripts/My97DatePicker/WdatePicker.js"></script>    <script type="text/javascript">        $(function(){             //获取当前日期时间             var date = new Date();             //获取当前日期             var day = date.getDate();             //获取当前月份             var month = (date.getMonth()+1 < 10?("0"+(date.getMonth()+1)):(date.getMonth()+1));             //获取当前年份             var year = date.getFullYear();             //获取当前年月日             var thisDate = year + "-" + month + "-" + day;             //日期控件赋初值             $("#statisDate").val(thisDate);                     //查询按钮事件             $("#btnVal").click(function(){                   //获取日期控件时间                   var statisDate = $("#statisDate").val();                                      alert("统计时间：" + statisDate);             });        });    </script>      </head>    <body>     <div id="body_div">        <label style="font-weight: bolder; font-size: 12px;">统计时间：</label>        <input type="text" id="statisDate" onClick="WdatePicker()" style="width: 187px;"/>        <img onclick="WdatePicker({el:'statisDate'})" src="../scripts/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle">        <input type="button" id="btnVal" value="查询" style="font-size: 12px; font-weight: bolder; height: 23px; width: 60px;"/>     </div>  </body></html>

2、设计结果

（1）初始化

（2）单击图片

2 0