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.

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

Functionality and Features

Events

The following example demonstrates basic MultiViewCalendar events.

Example
    <div id="multiViewCalendar"></div>
    <script>
        $("#multiViewCalendar").kendoMultiViewCalendar({
            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(view.name); //name of the current view

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

See Also

Other articles on the Kendo UI MultiViewCalendar:

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