JS校验开始时间和结束时间

最新推荐文章于 2024-01-16 23:17:46 发布

Bowen_Zhang

最新推荐文章于 2024-01-16 23:17:46 发布

阅读量4.9k

点赞数 3

分类专栏： javascript 文章标签： js

本文链接：https://blog.csdn.net/u012219290/article/details/43984413

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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>

<p>开始时间：<input id="_startTime" value="00:00:00"></p>
<p>结束时间：<input id="_endTime" value="12:00:00"></p>

<input type="button" value="提交" onclick="checkTime()" />
</body>
</html>

Bowen_Zhang

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS校验开始时间和结束时间

<html><head><script> function checkTime(){ var startTime = document.getElementById("_startTime").value.trim(); var endTime = document.getElementById("_endTime").value.trim();
复制链接

扫一扫

专栏目录