New to Kendo UI for jQuery? Start a free 30-day trial
Disabled Dates
Updated on Sep 8, 2026
The DatePicker allows you to disable specific days which are not intended to be selected by the end user such as weekends and national holidays.
To disable a date in the DatePicker, use either of the following approaches:
For a complete example, refer to the demo on disabling dates in the DatePicker.
Setting an Array
To disable dates through setting an array, list the days that have to be disabled by using the first letters of their names in English.
<input id="datePicker" />
<script>
$("#datePicker").kendoDatePicker({
value: new Date(),
disableDates: ["we", "th"],
});
</script>Adding a Function
To disable dates through using a function, set the return value for the date that will be disabled to true.
<input id="datePicker" />
<script>
$("#datePicker").kendoDatePicker({
disableDates: function (date) {
var disabled = [13,14,20,21];
if (date && disabled.indexOf(date.getDate()) > -1 ) {
return true;
} else {
return false;
}
}
});
</script>