如何以JavaScript Hours格式分隔正则表达式

Question

我在定义小时时间方面遇到一些问题，我想将小时时间分隔为3种类型的早，晚和晚。 如果时间是从00:00到10:00，则类型时间是早上；如果时间是从10:01到18:00，则类型时间是晚上；如果时间是从18:01到23:59，则类型时间是晚上。 ，我有这样的代码jQuery

$(document).ready(function(){
    $('#submit').on('click',function(){

        var hrs=$('#hours').val();
        var nm=$('#scedule').val();

        var patt = new RegExp("^([0-9]|0[0-9]|1[0-9]|2[0-3]):[0-5][0-9]$");
            var patts = patt.test(hrs);

        //morning   =   00:00 - 10:00
        var morn = new RegExp("^([0-9]|0[0-9]|1[0-9]):[0-5][0-9]$");
            var morning = morn.test(hrs);

        //evening   =   10:01 - 18:00
        var even = new RegExp("^(1[0-9]|[0-9]):[0-5][0-9]$");
            var evening = even.test(hrs);

        //night =   18:01 - 00:00
        var nig = new RegExp("^(1[0-9]|2[0-3]):[0-5][0-9]$");
            var night = nig.test(hrs);

        if ( patts == morning ) {
            alert('This is Morning');
        } else if (patts == evening){
            alert('This is Evening');
        } else if (patts == night){
            alert('This is night');
        } else {
            alert('Format is wrong');
        }
    });
});

这是我的表单HTML：

    Scedule : <input type="text" id="scedule"><br>
    Time : <input type="text" id="hours"><br>   
    <input type="submit" value="submit" id="submit"><br>

Answer 1

您在这里不需要正则表达式，只需使用Date ：

 $(document).ready(function(){ $('#submit').on('click',function(){ var hrs=$('#hours').val(); if(hrs.length != 5 || hrs.indexOf(':') < 0) { alert("Wrong Fromat") return; } var date = new Date(); date.setHours(hrs.split(":")[0]); date.setMinutes(hrs.split(":")[1]); console.log(date) if ( date.getHours() < 10) { console.log('This is Morning'); } else if (date.getHours() > 18 && date.getMinutes > 0){ console.log('This is night'); } else{ console.log('This is Evening'); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> Time : <input type="text" id="hours"><br> <input type="submit" value="submit" id="submit"><br>