JavaScript/jQuery Calendar - Specify Zoom Level

To specify which calendar view (month, year, decade or century) should be displayed at first, set the zoomLevel property.

JavaScript
  • $(function() {
  • $("#calendarContainer").dxCalendar({
  • zoomLevel: 'year'
  • });
  • });

To make certain calendar views inaccessible, specify the maxZoomLevel and minZoomLevel properties. For example, the following code enables the month, year and decade calendar views leaving the century view behind.

JavaScript
  • $(function() {
  • $("#calendarContainer").dxCalendar({
  • minZoomLevel: 'decade',
  • maxZoomLevel: 'month'
  • });
  • });
See Also