码迷,mamicode.com
首页 > 其他好文 > 详细

My97 DatePicker图标触发

时间:2019-02-16 15:10:32      阅读:231      评论:0      收藏:0      [点我收藏+]

标签:事件   jquer   encoding   jsb   12px   val   w3c   value   doctype   

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)单击图片

技术图片

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

My97 DatePicker图标触发

标签:事件   jquer   encoding   jsb   12px   val   w3c   value   doctype   

原文地址:https://www.cnblogs.com/odejsjhshw/p/10387787.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!