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

Selection

The MultiViewCalendar allows the user to select multiple dates or a range of dates by using the MultiViewCalendar selection modes.

Multiple Date Selection

The following example demonstrates how to implement the multiple-view selection mode in the MultiViewCalendar.

    <div id="multiViewCalendar"></div>
    <script>
        $("#multiViewCalendar").kendoMultiViewCalendar({
            selectable: "multiple"
        });
    </script>

Range Date Selection

The following example demonstrates how to implement the range selection mode in the MultiViewCalendar.

    <div id="multiViewCalendar"></div>
    <script>
        $("#multiViewCalendar").kendoMultiViewCalendar({
            selectable: "range"
        });
    </script>

See Also

In this article