Start View and Navigation Depth
The DateTimePicker enables you to set the initial view it renders and define the navigation depth of the views.
To define the initially rendered view, use the start option. To control the navigation depth, use the depth option.
The Calendar view supports the following predefined views:
-
month—Shows the days of the month. -
year—Shows the months of the year. -
decade—Shows the years of the decade. -
century—Shows the decades of the century.
The following example demonstrates how to create a DateTimePicker that allows the user to select a month.
<input id="dateTimePicker">
<script>
$("#dateTimePicker").kendoDateTimePicker({
start: "year",
depth: "year"
});
</script>
The following example demonstrates how to define the interval (in minutes) between values in the time drop-down list.
<input id="dateTimePicker">
<script>
$("#dateTimePicker").kendoDateTimePicker({
interval: 15
})
</script>