Kendo UI for jQuery MultiViewCalendar Overview

Loading Demo...
  • EXAMPLE
  • VIEW SOURCE
  • Edit in Kendo UI Dojo
  • Change Theme
    default
    Default Theme
    • Main
    • Main Dark
    • Nordic
    • Ocean Blue
    • Ocean Blue A11Y accessibility
    • Purple
    • Turquoise
    Bootstrap Theme
    • Main
    • Bootstrap 3
    • Bootstrap 3 Dark
    • Main Dark
    • Nordic
    • Turquoise
    • Turquoise Dark
    • Urban
    • Vintage
    Material Theme
    • Main
    • Arctic
    • Lime Dark
    • Main Dark
    • Nova
    Classic Theme
    • Main
    • Green
    • Green Dark
    • Lavender
    • Lavender Dark
    • Main Dark
    • Metro
    • Metro Dark
    • Moonlight
    • Opal
    • Opal Dark
    • Silver
    • Silver Dark
    • Uniform
    Fluent Theme
    • Main
    Launch Theme Builder
index.html

Also available for:

API REFERENCE
kendo ui kendoka logo

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

Download Free Trial

Description

The Kendo UI for jQuery MultiViewCalendar renders a graphical Gregorian calendar with multiple horizontal views. The component supports the selection and navigation between dates as well as data templates and ranges for scheduling appointments.

This demo shows a basic configuration of a MultiViewCalendar.

The jQuery MultiViewCalendar control is part of Kendo UI for jQuery, a comprehensive, professional-grade UI library for building modern and feature-rich applications. The Kendo UI for jQuery collection provides 110+ UI components, an abundance of data-visualization gadgets, client-side data source, and a built-in MVVM (Model-View-ViewModel) library.

This MultiViewCalendar example is part of a unique collection of hundreds of jQuery demos, with which you can see all Kendo UI for jQuery components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Kendo UI for jQuery Dojo or ThemeBuilder.

Functionality and Features

  • Start view and navigation depth–The MultiViewCalendar enables you to set its initial view and define the navigation depth of the views.
  • Selection–You can also select multiple dates or a range of dates by using the MultiViewCalendar selection modes.
  • Disabled dates–The MultiViewCalendar also allows you to disable certain days which are not intended to be selected by the end user.
  • Week number column–In the MultiViewCalendar, you can render a column which displays the number of the weeks within the current Month view.
  • Multiple views–The MultiViewCalendar allows you to define the number of views and months that are displayed at a time.
  • Day template–You can further customize the rendered day for the Month view.

Description

The Kendo UI MultiViewCalendar is a widget that displays multiple calendar views. It supports the selection of and navigation between dates as well as date ranges for scheduling appointments.

Key Features

  • View selection
  • Multiple views
  • Multiple and range selection
  • Disabled dates
  • Week number column
  • Accessibility and keyboard navigation

Support & Learning Resources

Additional Resources