zoukankan      html  css  js  c++  java
  • My97 DatePicker图标触发

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


  • 相关阅读:
    李宏毅back propagation(lecturte7 )课堂笔记
    李宏毅deep learning(lecturte6)课堂笔记
    李宏毅classification+Logistic Regression(lecturte4+5)课堂笔记
    李宏毅Gradient Descent(lecturte3)课堂笔记
    02.get-post.php
    02.get-post
    01.php基础语法和JS区别.php
    11.子访问父
    10.父访问子--(children+refs)
    9.组件通讯(子传父)自定义事件
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315096.html
Copyright © 2011-2022 走看看