会议预定系统中一般要选会议召开日期,会议开始时间和会议结束时间,会议召开日期不能小于当前日期,会议开始时间不能大于或等于会议结束时间。
1. time.jsp:前台显示
<%@ page language="java" pageEncoding="GB2312"%>
<html>
<head>
<title>SetTime</title>
</head>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
<script language="JavaScript" src="time.js"></script>
<script language="JavaScript" src="validate.js"></script>
<body>
<form name=time onSubmit="var result=check_time();return result; ">
选择日期:<input name=meetingDate id="d121" type="text" οnfοcus="WdatePicker({isShowWeek:true})"/><br>
会议开始时间:<input name=startTime type=text οnclick="_SetTime(this)"><br>
会议结束时间:<input name=endTime type=text οnclick="_SetTime(this)">
<input type=submit value=Submit>
</form>
</body>
</html>
其中 <script language="javascript" type="text/javascript"src="My97DatePicker/WdatePicker.js"></script>
<script language="JavaScript" src="time.js"></script>
<script language="JavaScript" src="validate.js"></script> 引入外部Js文件。
2. 日历控件My97DatePicker(网上搜集的)
用在<input name=meetingDate id="d121" type="text" οnfοcus="WdatePicker({isShowWeek:true})"/>
3. 时间控件time.js(网上搜集的)
<input name=startTime type=text οnclick="_SetTime(this)">
<input name=endTime type=text οnclick="_SetTime(this)">两个文本框分别调用了time.js中的_SetTime(tt)方法。
4. validate.js:
用来判断会议召开日期是否小于当前日期,会议开始时间是否会议结束时间,并检查这三个文本框是否为空。
<form name=time onSubmit="var result=check_time();return result; ">调用了validate.js中的check_time()方法。