depth String

Specifies the navigation depth. The following settings are available for the depth value:

  • "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 from the century.

Note the option will not be applied if start option is lower than depth. Always set both and start and depth options.

Example - set navigation depth of the calendar

<div id="calendar"></div>
<script>
    $("#calendar").kendoCalendar({
        depth: "year"
    });
</script>
In this article