前端JS時間驗證,結束時間不早於開始時間
阿新 • • 發佈:2019-02-04
判斷結束時間不早於開始時間。
JS程式碼:
<!-- 驗證日期(判斷結束日期是否大於開始日期)日期格式為YY—MM—DD HH:mm:ss --> <script type="text/javascript"> function checkform(obj){ if(obj.scheduledeptContent.value == null || obj.scheduledeptContent.value == ""){ alert("日程內容不能為空!"); return false; } if(obj.scheduledeptStartTime.value != null && obj.scheduledeptEndTime.value != ""){ var startTmp=obj.scheduledeptStartTime.value.replace(" ",":").replace(/\:/g,"-").split("-"); var endTmp=obj.scheduledeptEndTime.value.replace(" ",":").replace(/\:/g,"-").split("-"); var sd=new Date(startTmp[0],startTmp[1],startTmp[2],startTmp[3],startTmp[4],startTmp[5]); var ed=new Date(endTmp[0],endTmp[1],endTmp[2],endTmp[3],endTmp[4],endTmp[5]); if(sd.getTime()>ed.getTime()){ alert("結束日期不能早於開始日期!"); return false; } } if(obj.scheduledeptStartTime.value == null || obj.scheduledeptStartTime.value == ""){ alert("開始日期不能為空!"); return false; } if(obj.scheduledeptEndTime.value == null || obj.scheduledeptEndTime.value == ""){ alert("結束日期不能為空!"); return false; } return true; } </script> <!-- /驗證日期(判斷結束日期是否大於開始日期)日期格式為YY—MM—DD HH:mm:ss -->
form表單:
<form method="post" action="saveEditScheduledept" onsubmit="return checkform(this)" > 日 程 內 容 : <input id="con" name="scheduledeptContent" /><em style="color:#F00"> *</em> 日程開始時間 : <input id="start" name="scheduledeptStartTime" /><em style="color:#F00"> *</em><br><br> 日程結束時間 : <input id="end" name="scheduledeptEndTime" /><em style="color:#F00"> *</em><br><br> <input type="reset" value="重置" class="submit_btn float_r" /> <input type="submit" value="提交" onclick="if(confirm('確定提交?')==false)return false;" name="save" class="submit_btn float_r" /> </form>