MultiViewCalendar Overview

The MultiViewCalendar 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.

Initializing the MultiViewCalendar

To initialize the MultiViewCalendar, use a jQuery selector.

    <div id="multiViewCalendar"></div>
    <script>
        $("#multiViewCalendar").kendoMultiViewCalendar();
    </script>

Functionality and Features

Events

The following example demonstrates basic MultiViewCalendar events.

    <div id="multiViewCalendar"></div>
    <script>
        $("#multiViewCalendar").kendoMultiViewCalendar({
            change: function() {
                var value = this.value();
                console.log(value); // The value is the selected date in the MultiViewCalendar.
            },
            navigate: function() {
                var view = this.view();
                console.log(view.name); // The name of the current view.

                var current = this.current();
                console.log(current); // The currently focused date.
            }
        });
    </script>

See Also

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