- <!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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.