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

Disable Dynamically Dates in Calendar


Product Progress Kendo UI Calendar
Made with version 2017.3.1026


How can I disable dates in the Calendar after the widget was initialized?


  1. Destroy the Calendar by using the destroy method.
  2. Initialize the Calendar with the disabled dates.
    <div id="calendar"></div>
    <a class="k-button" onclick="changeDisableDates()">Disable dates</a>

      function changeDisableDates() {
        var calendar = $('#calendar').data('kendoCalendar');
        var options = calendar.options;
        options.disableDates = ["mo", "sa"];

In this article
Not finding the help you need? Improve this article