| title | page_title | description | slug | position | canonicalLink |
|---|---|---|---|---|---|
Disabled Dates |
Disabled Dates - MultiViewCalendar - Kendo UI for Vue |
Disable certain dates that are rendered by the Kendo UI MultiViewCalendar wrapper for Vue. |
disabled_dates_multiviewcalendar_wrapper |
6 |
The MultiViewCalendar allows you to disable certain days which are not intended to be selected by the end user—for example, weekends, national holidays, and others.
To disable a date, either:
When you set an array, list the days that need to be disabled by using the first letters from their names in English.
<kendo-multiviewcalendar :disable-dates='["we", "th"]'></kendo-multiviewcalendar>
When you add a function, determine its return value as true for the date that is disabled.
{% meta height:450 %} {% embed_file multiviewcalendar/disabled/main.vue preview %} {% embed_file multiviewcalendar/disabled/main.js %} {% endmeta %}