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

Question

当我在页面加载时放置它的工作时间时，我试图动态更新jquery时间选择器的minTime，但是当我在用户选择开始时间时执行相同的操作时，它应该更新结束时间的minTime

这是我更新 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);
            }
        });