jQuery验证使用时间选择器选择的开始时间和结束时间

Question

我想验证开始时间和使用timepicker这是在12小时的格式选择的结束时间。 结束时间应大于开始时间。 我使用了if语句，但是当测试使用诸如8:00 AM作为开始时间和1:00 PM作为结束时间的值时，它不起作用。 我该怎么办才能解决这个问题。 有人请帮我。 从昨天开始我就一直坚持下去。 我只想时间 ，我不需要约会 。

$("#dateTimeAddButton").click(function () 
{       
    var Date=$('#myDatePickerId').val()
    var startTime = $('#i').val();   
    var endTime   = $('#i1').val();    
    if (startTime > endTime) 
    {
        alert('End time always greater then start time.');
    }
});

Answer 1

首先转换为最低教派（此处为分钟）。 然后比较一下。

st = minFromMidnight(startTime);
et = minFromMidnight(endTime);
if(st>et){
    alert("End time must be greater than start time");
}

function minFromMidnight(tm){
 var ampm= tm.substr(-2)
 var clk = tm.substr(0, 5);
 var m  = parseInt(clk.match(/\d+$/)[0], 10);
 var h  = parseInt(clk.match(/^\d+/)[0], 10);
 h += (ampm.match(/pm/i))? 12: 0;
 return h*60+m;
}

Answer 2

请尝试以下代码，以防您的时间长度超过6个字符（例如上午10:00，而不是上午9:00）会在代码上方引发错误。

我在上面的代码中做了微小的更改，它对我来说就像是魅​​力。

 $('#btnSubmit').on('click', function () { var startTime = $('#txtJobStartTime').val(); var endTime = $('#txtJobEndTime').val(); var st = minFromMidnight(startTime); var et = minFromMidnight(endTime); if (st > et) { alert('End time always greater then start time.'); return false; } function minFromMidnight(tm) { var ampm = tm.substr(-2); var clk; if (tm.length <= 6) { clk = tm.substr(0, 4); } else { clk = tm.substr(0, 5); } var m = parseInt(clk.match(/\\d+$/)[0], 10); var h = parseInt(clk.match(/^\\d+/)[0], 10); h += (ampm.match(/pm/i)) ? 12 : 0; return h * 60 + m; } });