MultiViewCalendar Overview

The Kendo UI MultiViewCalendar widget renders a graphical Gregorian calendar with multiple horizontal views.

It supports the selection and navigation between dates as well as data templates and ranges for scheduling appointments.

Getting Started

Initialize the MultiViewCalendar

To initialize the MultiViewCalendar, use a jQuery selector.

    <div id="multiViewCalendar"></div>

Functionality and Features


The following example demonstrates basic MultiViewCalendar events.

    <div id="multiViewCalendar"></div>
            change: function() {
                var value = this.value();
                console.log(value); //value is the selected date in the multiViewCalendar
            navigate: function() {
                var view = this.view();
                console.log(; //name of the current view

                var current = this.current();
                console.log(current); //currently focused date

See Also

In this article
Not finding the help you need? Improve this article