javascript - 比较 jquery timepicker 值

Question

将 timepicker 设置为 24 小时作为关注者:

$(document).ready(function(){
    $('input.timepicker').timepicker({ 
        timeFormat: 'HH:mm', 
        minTime: '04:00',
        interval: 10,
        scrollbar: true,
        dynamic: true
    });
});

我有两个字段来获取开始和结束时间

<input type="text" class="timepicker" name="travelstart" id="travelstart" placeholder="Travel Start" style="width:25%"> 
<input type="text" class="timepicker" name="travelfinish" placeholder="Travel Finish" style="width:25%" readonly/>

需要某种方法来验证结束时间晚于开始时间。大致如下:

var ts = document.getElementById('travelstart')
var fs = document.getElementById('travelfinish')
if (ts.value => fs.value) { return false }

Answer 1

我假设您正在使用这个 timepicker jQuery plugin .

首先，如果您仅调用 document.getElementById('travelstart').value 它会以 "04:00 AM" 格式返回时间，这可能不是你想要更好地使用:

$('#options-change-event').timepicker().getTime()

获取实际的 JavaScript Date 对象。

然后将两个时间都转换为时间戳，然后进行比较:

var tsDate = $('#options-change-event').timepicker().getTime();
var tsMinutes = 60 * tsDate.getHours() + tsDate.getMinutes();

// ... the same with the seconds timepicker

return tsMinutes > tfMinutes;