New to Kendo UI for jQuery? Download free 30-day trial

Multiple Views

The MultiViewCalendar allows you to define the number of views and months that are displayed at a time.

To display two or more months and especially in case of range selection among a couple of months, use the following approach.

    <input id="numberOfViews" />
    <button id="numberOfViewsBtn">Apply Changes</button>
    <div id="multiViewCalendar"></div>
    $(document).ready(function () {
            restrictDecimals: true,
            decimals: 0,
            min: 2,
            max: 10,
            value: 2,
            format: "{0:n0}"

            click: click


    function click() {
        var numberOfViews = $("#numberOfViews").data().kendoNumericTextBox.value();
        if (numberOfViews > 0) {
            $("#multiViewCalendar").data().kendoMultiViewCalendar.setOptions({ views: numberOfViews });

See Also

In this article