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 in the MultiViewCalendar, use either of the following approaches:

• Set an array of dates
• Add a function

For a runnable example, refer to the demo on disabling dates in the MultiViewCalendar.

Setting an Array

To disable dates by setting an array, list the names of days that will be disabled by using the first letters from their names in English.

EditPreviewOpen In Dojo

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

Adding a Function

To disable dates by using a function, set the return value for the date that will be disabled to true.

EditPreviewOpen In Dojo

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