时间段时间控件

最新推荐文章于 2024-08-13 10:53:05 发布

翱翔天地

最新推荐文章于 2024-08-13 10:53:05 发布

阅读量1.5k

点赞数

分类专栏： JQuery JSP 文章标签：控件 My97 DatePicker 时间控件时间范围

本文链接：https://blog.csdn.net/you23hai45/article/details/9937515

版权

JQuery 同时被 2 个专栏收录

222 篇文章 2 订阅

订阅专栏

JSP

69 篇文章 0 订阅

订阅专栏

1、项目文件结构如下图：

2、源码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    
    <title>时间控件演示</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-2.0.2.js"></script>
	<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
	<style type="text/css">
	   body{
	     width: 80%;
	     font-size: 24px;
	     font-weight: bold;
	     text-align: center;
	   }
	</style>
	<script type="text/javascript">
	   
	
	</script>

  </head>
  
  <body>
    <fieldset>
        <legend>时间控件</legend>
        <label>开始时间：</label>
        <input type="text" id="startDate" class="Wdate"  onFocus="WdatePicker({dateFmt:'yyyy-MM',maxDate:'#F{$dp.$D(\'endDate\')}')"/>
        <label>——</label>
        <label>结束时间：</label>
        <input type="text" id="endDate" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM',minDate:'#F{$dp.$D(\'startDate\')}')"/>
    </fieldset>
  </body>
</html>

3、结果如图