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=" 187px;"/>
<img οnclick="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; 60px;"/>
</div>
</body>
</html>
2、设计结果
(1)初始化
(2)单击图片