Question

我试图用jQuery验证时间字段。基本上，我想做的只是允许人们在18:00之后进入。我意识到我可以使用标准的HTML5字段验证来实现这一点，但是使用jQuery，它可以更容易地将响应格式化为用户，并且表单的其余部分已经过jQuery验证。

...谢谢

科林

Answer 1

您可以使用jQuery时间选择器

javascript解决方案可以像

<script>
function validate_time(t,st,et){
   t = t.split(/:/);
   st = st.split(/:/);
   et = et.split(/:/);
   return (t[0] < st[0] 
        || t[0] > et[0] 
        || (t[0] == st[0] && t[1] < st[1])
        || (t[0] == et[0] && t[1] > et[1]));
}

     // Call like:
     validate_time("08:00","07:00","15:00");

     //validate_time(UserEnteredTime,ValidTimeStart,ValidTimeEnd);

</script>

对于JS解决方案，感谢cmptrgeekken

希望这有帮助！

Answer 2

使用jQuery Time Picker

http://jonthornton.github.io/jquery-timepicker/ ＆安培;写下面的代码

$('#durationExample').timepicker({
'minTime': '2:00pm',
'maxTime': '11:30pm',
'showDuration': true
});

Answer 3

如果您打算使用日期时间验证，我建议您使用Moment.JS。您可以轻松提取“小时”并检查它是否大于18:00。如果它是可编辑的用户输入，它还可以验证日期和时间。

使用jQuery验证时间

3 个答案: