在运行时动态更新 jQuery 时间选择器 minTime

Question

>当我在页面加载时同时放置时，我正在尝试动态更新jquery时间选择器的minTime，但是当我在用户选择开始时间时做同样的事情时，它应该更新min结束时间的时间

这是我尝试更新minTime，

$('#datetimepicker5').timepicker({
timeFormat: 'HH:mm',
change: tmTotalHrsOnSite
//  minTime: '15:00'
});
$('#datetimepicker4').timepicker({
timeFormat: 'HH:mm',
change: tmTotalHrsOnSite
//  minTime: '15:00'
});

function tmTotalHrsOnSite () {
var picktime = jQuery('#datetimepicker4').val();
alert(picktime);
jQuery('#datetimepicker5').timepicker({
minTime: picktime
});
};

我能够检测到更改时间并进入功能，但无法成功更新 minTime 以禁用用户查看上一次时间。

Answer 1

对我有用的事情是在 onChange 事件中添加 minTime 选项，并以 timePicker 中指定的格式传递时间值。

$('.startTP').timepicker({
timeFormat: 'hh:mm p',
startTime: '07:00',
interval: 5,
dynamic: false,
dropdown: true,
scrollbar: true,
change: function (time) {
var time = $(this).val();
var picker = $(".endTP");
picker.timepicker('option', 'minTime', time);
}
});

Answer 2

在日期选择器的更改事件上设置所需的最小时间

$('#dateFrom, #dateTo').timepicker({
timeFormat: 'HH:mm',
change: function(){
if ($(this.element).is("#dateFrom")) 
{
$("#dateTo").timepicker('option',{'minTime': new Date()});
}
else 
{
$("#dateFrom").timepicker('option',{'maxTime': new Date()});
}
//  minTime: '15:00'
});