depth String (default: "month")

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

  • "month" - Shows the days of the month. (default value)
  • "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 start and depth options. In order to be able to select dates for the range you need to set the depth to month.

Example - set navigation depth of the calendar popup

<div id="daterangepicker"></div>
    depth: "month",
    start: "year"
In this article