Question

我有var = time，其值为'3:00 PM'且<input type='time'

当用户选择/输入时间时，我需要确保其大于var = time

这是我的完整代码：

<input type='time' id='new_time' >

<script>
var time = '3:00 PM';

if($("#new_time").val() < time )
{
     alert("not allowed");
}
else
{
     alert("allowed");
}
</script>

任何建议请以正确的方式实现这一目标

Answer 1

Moment.js

Moment.js是一个轻量级库，可以帮助我们在JavaScript中解析，验证，操作和显示日期和时间。

<script src="https://cdn.jsdelivr.net/momentjs/2.13.0/moment.min.js"></script>

<script>    
   var time = moment('3:00pm', 'h:mma');
   var newTime = moment($("#new_time").val(), 'h:mma');
   console.log(time.isBefore(newTime)); // true
</script>

Answer 2

尝试这个

function myFunction() {
    var x = document.getElementById("myTime").value;
    alert(x);
    var time = '3:00 PM';
var time1 = x;
if(Date.parse('01/01/2011 '+time1) > Date.parse('01/01/2011 '+time))
    {
        alert("End time should exceed the start time");
    }
}

<html>
<body>

Time: <input type="time" id="myTime" value="16:32:55"/>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>



</body>
</html>

jquery - 如何验证此时间格式'3:00 PM'

2 个答案: