c.Tao's java world

有很多事 憶不能迴頭,但還有些事 可以重新開始

原创  JAVASCRIPT 比较日期大小与验证日格式--CTO 收藏

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5.         <title>比较日期大小</title>
  6.     </head>
  7. <script language="javascript">
  8.    function starts() {
  9.     //最大日期
  10.     var maxDate = document.getElementById("maxDate").value;
  11.     //最小日期
  12.     var minDate = document.getElementById("minDate").value;
  14.     if maxDate != "" && minDate != "") {
  15.         //验证日期格式正则表达式,格式为 yyyy-MM-dd
  16.         var reg = /^(\d{4})-(\d{2})-(\d{2})$/;
  17.         //校验日期格式
  18.         if (!reg.test(maxDate.value) && RegExp.$2 <= 12 && RegExp.$3 <= 31) {
  19.             alert("最大日期格式错误,格式应为yyyy-MM-dd");
  20.             return false;
  21.         }
  22.         //校验日期格式
  23.         if (!reg.test(minDate.value) && RegExp.$2 <= 12 && RegExp.$3 <= 31) {
  24.             alert("最小日期格式错误,格式应为yyyy-MM-dd");
  25.             return false;
  26.         }
  27.         // 用 - 分隔符将日期分开
  28.         var maxDateSplit = maxDate.split("-");
  29.         var minDateSplit = minDate.split("-");
  30.         // 创建 Date 对象
  31.         var maxDateValue = new Date(maxDateSplit[0], maxDateSplit[1], maxDateSplit[2]);
  32.         var minDateValue = new Date(minDateSplit[0], minDateSplit[1], minDateSplit[2]);
  33.         if (minDate >= maxDate) {
  34.             alert("你输入的最小日期大于或等于了最大日期!!!");
  35.             return false;
  36.         }
  37.     }else{
  38.         alert("请输入最大或最小日期!!!");
  39.         return false;
  40.     }
  41.     return true;
  42.   }
  43. </script>
  44. <body bgcolor="EFF7FC">
  45.     <center>
  46.         <table>
  47.             <tr>
  48.                 <td>最大日期:</td>
  49.                 <td><input type="text" onclick="WdatePicker();" name="maxDate"/></td>
  50.             </tr>
  51.             <tr>
  52.                 <td>最小日期:</td>
  53.                 <td><input type="text" onclick="WdatePicker();" name="minDate"/></td>
  54.             </tr>
  55.             <tr>
  56.                 <td colspan="2"><a href="#" onclick="starts();">start test</a></td>
  57.             </tr>
  58.         </table>
  59.     </center>
  60. </body>
  61. </html>

发表于 @ 2008年09月06日　13:15:00 | 评论( loading... ) | 编辑| 举报| 收藏

旧一篇:JAVASCRIPT +CHECKBOX实现全选与反选函数--CTO | 新一篇:Oracle删除数据库重复计录--CTO
查看最新精华文章 请访问博客首页相关文章
  • 发表评论
  • 评论内容：
  •  
Copyright © ctojxzsycztao
Powered by CSDN Blog