JQuery UI - set minTime to timepicker based on another timepicker value

Question

I am trying to set the minTime my End Time timepicker based on what I chose at the start timepicker .

I have this, based on something that works for a regular datepicker , but it doesn't work.

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

The error I am getting is:

The object does not support this property or method.

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); } });