JavaScript 实现开始与结束时间校验逻辑

作者:半夏时间:2026-10-23 19:02:40浏览:531

本文提供了一段 JavaScript 代码,用于前端校验开始时间与结束时间。代码首先通过正则表达式验证时间格式,随后将时间字符串转换为时间戳进行逻辑比较,确保开始时间不晚于结束时间,最后提交表单。

JavaScript 时间校验实现

本文展示了一段用于校验开始时间与结束时间的 JavaScript 代码实例,供读者参考。


<html>
<head>
<script>

 function checkTime(){

  var startTime = document.getElementById("_startTime").value.trim();
  var endTime = document.getElementById("_endTime").value.trim();
  if(startTime == "" || endTime == ""){
   alert("时间不能为空");
   return ;
  }
  var reg = /^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])$/;
  if(!reg.test(startTime) || !reg.test(endTime)){ 
   alert("您输入的时间格式不正确!"); 
   return ;
  }
  var startTimeArray = startTime.split(":");
  var endTimeArray = endTime.split(":");
  var startDate = new Date(startTimeArray[0],startTimeArray[1],startTimeArray[2]);
  var endDate = new Date(endTimeArray[0],endTimeArray[1],endTimeArray[2]);
  var start = startDate.getTime();
  var end = endDate.getTime();

  if (start >= end) {
   alert('开始时间不能大于结束时间');
   return ;
  }

  document.getElementById('form1').submit();

 }

</script>
</head>
<body>

JavaScript 时间校验实现

以上内容为本文的全部介绍,希望能对读者的学习有所助益,同时也感谢大家对本平台的支持。

作者最新文章