JQuery用戶界面 - 基於其他timepicker價值

Question

我試圖把我結束時間timepicker的minTime基於我在開始時間timepicker所選擇的timepicker設置minTime。

我有這個，基於一些適用於常規datepicker的東西，但它不起作用。

$('#confirmed_time_start').timepicker({ 
    timeFormat: 'hh:mm', 
    stepHour: 1, 
    stepMinute: 15, 
    hour: 8, 
    minute: 0, 
    hourMin: 8, 
    hourMax: 18, 
    onSelect: function(timeStr) { 

     var newTime = $(this).timepicker('getDate'); 
     if (newTime) { // Not null 
     newTime.setDate(newTime.getDate()); 
     } 
     $('#confirmed_time_end').timepicker('minTime', newTime) 
     } 

    }); 

$('#confirmed_time_end').timepicker({ 
    timeFormat: 'hh:mm', 
    stepHour: 1, 
    stepMinute: 15, 
    hour: 8, 
    minute: 0, 
    hourMin: 8, 
    hourMax: 18 
    }); 

我收到的錯誤是：

對象不支持此屬性或方法

Answer 1

$('#confirmed_time_start').timepicker({ 
timeFormat: 'hh:mm', 
stepHour: 1, 
stepMinute: 15, 
hour: 8, 
minute: 0, 
hourMin: 8, 
hourMax: 18, 
onSelect: function(timeStr) { 

    var newTime = $(this).timepicker('getDate'); 
    if (newTime) { // Not null 
    newTime.setDate(newTime.getDate()); 
    } 
    $('#confirmed_time_end').timepicker('setTime', newTime); 
    } 

}); 

Answer 2

var time = new Date(); 
$('#from').timepicker({ 
    ampm: true, 
    hourMin: 9, 
    hourMax: 19, 
    timeFormat: 'hh:mm TT', 
    onClose: function(dateText, inst) { 
     var startDateTextBox = $('#to'); 
     if (startDateTextBox.val() != '') { 
      var testStartDate = new Date(startDateTextBox.val()); 
      var testEndDate = new Date(dateText); 
      if (testStartDate > testEndDate) 
       startDateTextBox.val(dateText); 
     } 
     else { 
      startDateTextBox.val(dateText); 
     } 
    }, 
    onSelect: function(dateText){ 
     var time = new Date($(this).datetimepicker('getDate').getTime()); 
     $('#to').timepicker('option', 'minDateTime',time); 
    } 
}); 
$('#to').timepicker({ 
    ampm: true, 
    hourMin: 10, 
    hourMax: 21, 
    timeFormat: 'hh:mm TT', 
    onClose: function(dateText, inst) { 
     var startDateTextBox = $('#from'); 
     if (startDateTextBox.val() != '') { 
      var testStartDate = new Date(startDateTextBox.val()); 
      var testEndDate = new Date(dateText); 
      if (testStartDate > testEndDate) 
       startDateTextBox.val(dateText); 
     } 
     else { 
      startDateTextBox.val(dateText); 
     } 
    }, 
    onSelect: function(dateText){ 
     var time = new Date($(this).datetimepicker('getDate').getTime()); 
     $('#from').timepicker('option', 'maxDateTime',time); 
    } 
});