JQuery 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

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