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

My97 DatePicker普通调用

时间:2014-05-23 01:27:38      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:my97 datepicker   jquery   jsp   

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

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

My97 DatePicker普通调用,布布扣,bubuko.com

My97 DatePicker普通调用

标签:my97 datepicker   jquery   jsp   

原文地址:http://blog.csdn.net/you23hai45/article/details/26515519

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