Javascript Date & Time Setting time select steps Example

Adjust the gaps between the time picker values as needed. Use these three options for setting the steps:

stepHour - adjusts the gaps between the values for the time wheel
stepMinute - adjusts the gaps between the values for the minute wheel
stepSecond - adjusts the gaps between the values for the second wheel

mobiscroll.datepicker('#step15min-picker-picker', {
    controls: ['datetime'],
    stepMinute: 15,
    touchUi: 
});
mobiscroll.datepicker('#step5min-picker-picker', {
    controls: ['time'],
    stepMinute: 5,
    touchUi: 
});
mobiscroll.datepicker('#step2h-picker-picker', {
    controls: ['time'],
    stepHour: 2,
    touchUi: 
});
mobiscroll.datepicker('#step30sec-picker-picker', {
    controls: ['time'],
    stepSecond: 30,
    touchUi: 
});