- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>比较日期大小</title>
- </head>
- <script language="javascript">
- function starts() {
- //最大日期
- var maxDate = document.getElementById("maxDate").value;
- //最小日期
- var minDate = document.getElementById("minDate").value;
- if maxDate != "" && minDate != "") {
- //验证日期格式正则表达式,格式为 yyyy-MM-dd
- var reg = /^(/d{4})-(/d{2})-(/d{2})$/;
- //校验日期格式
- if (!reg.test(maxDate.value) && RegExp.$2 <= 12 && RegExp.$3 <= 31) {
- alert("最大日期格式错误,格式应为yyyy-MM-dd");
- return false;
- }
- //校验日期格式
- if (!reg.test(minDate.value) && RegExp.$2 <= 12 && RegExp.$3 <= 31) {
- alert("最小日期格式错误,格式应为yyyy-MM-dd");
- return false;
- }
- // 用 - 分隔符将日期分开
- var maxDateSplit = maxDate.split("-");
- var minDateSplit = minDate.split("-");
- // 创建 Date 对象
- var maxDateValue = new Date(maxDateSplit[0], maxDateSplit[1], maxDateSplit[2]);
- var minDateValue = new Date(minDateSplit[0], minDateSplit[1], minDateSplit[2]);
- if (minDate >= maxDate) {
- alert("你输入的最小日期大于或等于了最大日期!!!");
- return false;
- }
- }else{
- alert("请输入最大或最小日期!!!");
- return false;
- }
- return true;
- }
- </script>
- <body bgcolor="EFF7FC">
- <center>
- <table>
- <tr>
- <td>最大日期:</td>
- <td><input type="text" onclick="WdatePicker();" name="maxDate"/></td>
- </tr>
- <tr>
- <td>最小日期:</td>
- <td><input type="text" onclick="WdatePicker();" name="minDate"/></td>
- </tr>
- <tr>
- <td colspan="2"><a href="#" onclick="starts();">start test</a></td>
- </tr>
- </table>
- </center>
- </body>
- </html>
JAVASCRIPT 比较日期大小与验证日格式--CTO
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章