Interval
The Kendo UI for jQuery TimePicker allows you to specify the time interval between values in the popup list.
Depending on the Component Type, you can set the interval in two distinct ways.
Setting the Interval in Classic Render Mode
When the componentType configuration is set to classic, the interval is specified in minutes (numeric values).
<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
interval: 15
});
</script>
When the
componentTypeis set toclassic, the interval does not accept an object of hours, minutes, and seconds.
Setting the Interval in Modern Render Mode
When the componentType configuration is set to modern, the interval is specified as an object of hours, minutes, and seconds.
<input id="timepicker" />
<script>
$("#timepicker").kendoTimePicker({
componentType: "modern",
interval: {
hour: 2,
minute: 10,
second: 15
}
});
</script>
When the
componentTypeis set tomodern, the interval does not accept a single numerical value.