New to Kendo UI for jQuery? Start a free 30-day trial
Selected Times
The following example demonstrates how to define the selected, minimum, and maximum times.
html
<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.