JS Timepicker set harmonious min and max times

manpreet Best Answer 2 years ago

_x000D_ OK, your code would be something like this, but as I mentioned in my comment, you have to check if the start_time + 15min is in next day or not. HTML javascript $(document).ready(function(){ var finish_time = $('#finish_time').pickatime({ //format: 'h:i A', // Displayed and application format formatSubmit: 'HH:i:00', hiddenName: true, interval: 15, // Interval between values (in minutes) min: '3:00 AM', // Starting value max: '6:00 PM' // Ending value }); var start_time = $('#start_time').pickatime({ //format: 'h:i A', // Displayed and application format formatSubmit: 'HH:i:00', hiddenName: true, interval: 15, // Interval between values (in minutes) min: '3:00 AM', // Starting value max: '6:00 PM', // Ending value onSet: function(context) { var finish_time_min = context.select + 15; var hours = Math.floor(finish_time_min / 60); var minutes = (finish_time_min - (hours * 60)); finish_time.pickatime('picker').set('min', [hours, minutes]); } }); });