在运行时动态更新 jQuery timepicker minTime

Question

我正在尝试动态更新 jquery 时间选择器的 minTime 当我在页面加载时放置它的同时它工作但是当我在用户 select 开始时间做同样的事情时它应该更新 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

on change event of datepicker set your desired min time

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

Answer 2

对我有用的是在 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);
            }
        });

在运行时动态更新 jQuery timepicker minTime

Updating jQuery timepicker minTime at runtime dynamically

html

javascript

jquery

timepicker