2016-11-18 73 views
0

我有一些问题需要定义小时时间,我想将小时时间分为早上,晚上和晚上三种时间类型。 如果时间从00:00开始到10:00,类型时间是早上, 如果时间从10:01到18:00开始,类型时间是晚上, 如果时间从18:01开始到23:59,类型时间是晚上, 我有代码的jQuery这样如何在javascript时间格式中分隔正则表达式

$(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> 
+0

为什么你需要一个正则表达式呢?你可以简单地使用if(hrs <=“10:00”),if(hrs>“10:00”&& hrs <=“18:00”)','if(hrs>“18:00” )'? – wdosanjos

+0

@wdosanjos这是因为lt和gt运算符在数字字符串上工作得不好。例如,“9:00”>“10:00”将是真实的。 –

+0

@RoryMcCrossan明白了。在测试之前,使用正则表达式可能更容易规范化字符串if(hrs.length <5)hrs ='0'+ hrs'。 – wdosanjos

回答

0

你并不需要一个正则表达式在这里,只需使用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>