New to Kendo UI for jQuery? Start a free 30-day trial

DisableDates

configuration

An array or function that will be used to determine which dates to be disabled in the calendar.

disableDates

Array|Function

Default: null

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
	value: new Date(),
	disableDates: ["we", "th"],
});
</script>

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
	value: new Date(2015,9,3),
    disableDates: [new Date(2015,9,12), new Date(2015,9,22)]
});
</script>

you can also pass a function that will be dynamically resolved for each date of the calendar. Note that when the function returns true, the date will be disabled.

<div id="calendar"></div>
<script>
$("#calendar").kendoCalendar({
	value: new Date(),
	disableDates: function (date) {
		var disabled = [13,14,20,21];
		if (date && disabled.indexOf(date.getDate()) > -1 ) {
			return true;
		} else {
			return false;
		}
	}
});
</script>

note that a check for an empty date is needed, as the widget can work with a null value as well.

This functionality was added with the Q1 release of 2016.