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、结果如图