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

Question

我想验证使用 timepicker 选择的 12 小时格式的开始时间和结束时间。结束时间应大于开始时间。我使用了 if 语句，但是当测试使用诸如上午 8:00 作为开始时间和下午 1:00 作为结束时间之类的值时，它不起作用。我能做什么来解决这个问题。请有人帮我解决这个问题。从昨天开始我就一直坚持这个问题。我只想要时间，我不需要日期。

$("#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;
}