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;"/>
            <input type="button" id="btnVal" value="查询" style="font-size: 12px; font-weight: bolder; height: 23px;  60px;"/>
         </div>
      </body>
    </html>
    

    2、设计结果
    (1)初始化


    (2)单击时间控件


  • 相关阅读:
    LDAP Authentication for openNebula3.2
    opennebula auth module ldap
    opennebula extend(expending) auth module ldap
    centos6.4 ceph安装部署之ceph object storage
    centos6.4 ceph安装部署之cephFS
    ERROR: modinfo: could not find module rbd FATAL
    centos6.4 ceph安装部署之ceph block device
    Cannot retrieve metalink for repository: epel.
    卡特兰数
    iOS开发之UIImage等比缩放
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13315097.html
Copyright © 2011-2022 走看看