一个判断日期时间格式的JavaScript代码

http://blog.csdn.net/Ivy_zheng/article/details/5311459

一个判断日期时间格式的JavaScript代码

作者：最后一只恐龙

    在ASP.NET中，经常遇到输入日期时间的情况，这段代码主要用来判断日期和时间是不是合法。日期格式为第一个函数IsDate(strDate)，支持yyyy-MM-dd和yyyy-M-d两种形式；日期时间为第二个函数IsDateTime(strDateTime)，支持yyyy-MM-dd HH:mm:ss和yyyy-M-d H:m:s两种形式。

    日期格式考虑了闰年的情况，代码中有注释，自己看吧。

    把附件中的代码拷贝下来存到文件中，命名为DateTime.js，假设放到源码的js目录下。在ASP.NET中有文本框tbStartDate和tbEndDate输入两个日期，可以这样使用：

  

1. <mce:script type="text/javascript" src="../Js/DateTime.js" mce_src="Js/DateTime.js"><!-- 
2.     function IsDateCorrect() 
3.     { 
4.         if (!IsDate(document.getElementById("<%=tbStartDate.ClientID %>").value)) 
5.         { 
6.             alert("起始时间格式不正确！"); 
7.             return false; 
8.         } 
9.         if (!IsDate(document.getElementById("<%=tbEndDate.ClientID %>").value)) 
10.         { 
11.             alert("终止时间格式不正确！"); 
12.             return false; 
13.         } 
14.         return true; 
15.     } 
16.  
17. -></mce:script> 

<mce:script type="text/javascript" src="../Js/DateTime.js" mce_src="Js/DateTime.js"><!-- function IsDateCorrect() { if (!IsDate(document.getElementById("<%=tbStartDate.ClientID %>").value)) { alert("起始时间格式不正确！"); return false; } if (!IsDate(document.getElementById("<%=tbEndDate.ClientID %>").value)) { alert("终止时间格式不正确！"); return false; } return true; } // --></mce:script>   

     然后在相应按钮的OnClientClick中加入“return IsDateCorrect();”，这样如果输入日期错误，就不会进入该按钮的后台代码了。

     附：判断日期时间的Javascript代码

[javascript] view plain copy print ?

1. /*********************************************************************
2. * 判断字符串strDate是否为一个正确的日期格式：
3. * yyyy-M-d或yyyy-MM-dd
4. * 编写人：郑艳伟
5. * *******************************************************************/ 
6. function IsDate(strDate) 
7. { 
8.     // 先判断格式上是否正确 
9.     var regDate = /^(/d{4})-(/d{1,2})-(/d{1,2})$/; 
10.     if (!regDate.test(strDate)) 
11.     { 
12.         return false; 
13.     } 
14.      
15.     // 将年、月、日的值取到数组arr中，其中arr[0]为整个字符串，arr[1]-arr[3]为年、月、日 
16.     var arr = regDate.exec(strDate); 
17.      
18.     // 判断年、月、日的取值范围是否正确 
19.     return IsMonthAndDateCorrect(arr[1], arr[2], arr[3]); 
20. } 
21.  
22. /*********************************************************************
23. * 判断字符串strDateTime是否为一个正确的日期时间格式：
24. * yyyy-M-d H:m:s或yyyy-MM-dd HH:mm:ss
25. * 时间采用24小时制
26. * 编写人：郑艳伟
27. * *******************************************************************/ 
28. function IsDateTime(strDateTime) 
29. { 
30.     // 先判断格式上是否正确 
31.     var regDateTime = /^(/d{4})-(/d{1,2})-(/d{1,2}) (/d{1,2}):(/d{1,2}):(/d{1,2})$/; 
32.     if (!regDateTime.test(strDateTime)) 
33.         return false; 
34.          
35.     // 将年、月、日、时、分、秒的值取到数组arr中，其中arr[0]为整个字符串，arr[1]-arr[6]为年、月、日、时、分、秒 
36.     var arr = regDateTime.exec(strDateTime); 
37.      
38.     // 判断年、月、日的取值范围是否正确 
39.     if (!IsMonthAndDateCorrect(arr[1], arr[2], arr[3])) 
40.         return false; 
41.          
42.     // 判断时、分、秒的取值范围是否正确 
43.     if (arr[4] >= 24) 
44.         return false; 
45.     if (arr[5] >= 60) 
46.         return false; 
47.     if (arr[6] >= 60) 
48.         return false; 
49.      
50.     // 正确的返回 
51.     return true; 
52. } 
53.  
54. // 判断年、月、日的取值范围是否正确 
55. function IsMonthAndDateCorrect(nYear, nMonth, nDay) 
56. { 
57.     // 月份是否在1-12的范围内，注意如果该字符串不是C#语言的，而是JavaScript的，月份范围为0-11 
58.     if (nMonth > 12 || nMonth <= 0) 
59.         return false; 
60.  
61.     // 日是否在1-31的范围内，不是则取值不正确 
62.     if (nDay > 31 || nMonth <= 0) 
63.         return false; 
64.      
65.     // 根据月份判断每月最多日数 
66.     var bTrue = false; 
67.     switch(nMonth) 
68.     { 
69.         case 1: 
70.         case 3: 
71.         case 5: 
72.         case 7: 
73.         case 8: 
74.         case 10: 
75.         case 12: 
76.             bTrue = true;    // 大月，由于已判断过nDay的范围在1-31内，因此直接返回true 
77.             break; 
78.         case 4: 
79.         case 6: 
80.         case 9: 
81.         case 11: 
82.             bTrue = (nDay <= 30);    // 小月，如果小于等于30日返回true 
83.             break; 
84.     } 
85.      
86.     if (!bTrue) 
87.         return true; 
88.      
89.     // 2月的情况 
90.     // 如果小于等于28天一定正确 
91.     if (nDay <= 28) 
92.         return true; 
93.     // 闰年小于等于29天正确 
94.     if (IsLeapYear(nYear)) 
95.         return (nDay <= 29); 
96.     // 不是闰年，又不小于等于28，返回false 
97.     return false; 
98. } 
99.  
100. // 是否为闰年，规则：四年一闰，百年不闰，四百年再闰 
101. function IsLeapYear(nYear) 
102. { 
103.     // 如果不是4的倍数，一定不是闰年 
104.     if (nYear % 4 != 0) 
105.         return false; 
106.     // 是4的倍数，但不是100的倍数，一定是闰年 
107.     if (nYear % 100 != 0) 
108.         return true; 
109.      
110.     // 是4和100的倍数，如果又是400的倍数才是闰年 
111.     return (nYear % 400 == 0); 
112. }