Specify Zoom Level

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

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

To make certain calendar views inaccessible, specify the maxZoomLevel and minZoomLevel options. 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