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

Selected Times

The following example demonstrates how to define the selected, minimum, and maximum times.

<input id="timePicker" />

<script>
    $("#timePicker").kendoTimePicker({
        value: new Date(2000, 10, 10, 10, 0, 0),
        min: new Date(1950, 0, 1, 8, 0, 0),
        max: new Date(2049, 11, 31, 18, 0, 0)
    });
</script>

The TimePicker sets the value only if the entered time is valid and within the defined range.

See Also

In this article