初始化后在Kendo日歷中禁用日期

Question

我有簡單的Kendo日歷，可以在其中初始化日期時禁用日期：

$("#simpleCalendar").kendoCalendar({
    disableDates: ["sa", "su"]
});

日歷初始化后，如何禁用指定的日期？

Answer 1

您還可以使用disableDates接受一個函數來確定要禁用的日期。

$("#simpleCalendar").kendoCalendar({
    disableDates: function (date) {
       //Test date 
       var disabled = [2,4,6,8];
       return date && disabled.indexOf(date.getDate()) > -1;
    }
});

您也可以使用setOption更改初始DatePicker配置。

$("#simpleCalendar").data("kendoCalendar").setOptions({
    disableDates: ["sa", "su", new Date(2015, 9, 12), new Date(2015, 9, 22)]
});

Answer 2

您只需要重新初始化日歷。 在此之前，您需要清除以前的日歷的內容

$("#changeBtn").click(function(){
    $("#calendar").empty();
    $("#calendar").kendoCalendar({
        disableDates: ["mo", "tu"]
    });
});

這是一個工作演示http://dojo.telerik.com/IMOlI