Kendo UI for jQuery 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.
The MultiViewCalendar is part of Kendo UI for jQuery, a
professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
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>