Disabled Dates
The MultiViewCalendar allows you to disable certain days which are not intended to be selected by the end user such as weekends, national holidays, and others.
To disable a date, either set an array or add a function.
Setting an Array
When you set an array, list the days that need to be disabled by using the first letters from their names in English.
@(Html.Kendo().MultiViewCalendar()
.Name("MultiViewCalendar")
.DisableDates(new[] {"we", "th" })
)
<kendo-multiviewcalendar name="MultiViewCalendar"
disable-dates="new DateTime[] { DateTime.Now }">
</kendo-multiviewcalendar>
Adding a Function
When you add a function, determine its return value as true for the date that is disabled.
@(Html.Kendo().MultiViewCalendar()
.Name("MultiViewCalendar")
.DisableDates("handler")
)
<kendo-multiviewcalendar value="DateTime.Now" name="dateTimePicker" disable-dates-handler="handler">
</kendo-multiviewcalendar>
<script>
function handler(date) {
var disabled = [13,14,20,21];
if (date && disabled.indexOf(date.getDate()) > -1 ) {
return true;
} else {
return false;
}
}
</script>