New to Kendo UI for jQuery? Download free 30-day trial

Formats

The TimePicker allows you to define its time formatting.

The following example demonstrates how to define the time format.

<input id="timePicker" />

<script>
    $("#timePicker").kendoTimePicker({
        format: "hh:mm:ss tt"
    });
</script>

The following example demonstrates how to define the interval (in minutes) between the values in the drop-down list with the time slots.

<input id="timePicker" />

<script>
    $("#timePicker").kendoTimePicker({
        interval: 15
    });
</script>

See Also