如何在 Kendo DatePicker 中屏蔽日期

Question

有没有办法用 Kendo DatePicker 来屏蔽日期？因此，如果他们单击打开日历，并且他们想要 select 12 月 10 日，我可以禁用或删除该日期（最好禁用）。我没有看到有关如何执行此操作的任何文档。

<div id="datePicker"></div>

$('#datePicker').kendoDatePicker({
   // I need it dynamically done, I don't want to hard code the date. 
   // So if the user clicks it, a request will be handled to send back any dates that are previously taken.
});

Answer 1

对于 12 月 10 日，您可以这样做：

$("#datepicker").kendoDatePicker({
    value: new Date(2019,11,5),
    disableDates: [new Date(2019,11,10)]
});

disableDates 可以是数组或函数。您可以使用日期或工作日名称。请查看我评论中的文档以了解更多信息。请注意 11 是第 12 个月。Why does the month argument range from 0 to 11 in JavaScript's Date constructor?

如果你想在这里使用函数，方法是：

disableDates: function (date) {
    var dates = $("#datepicker").data("kendoDatePicker").options.dates;
                if (your condition) {
                    return true;
                } else {
                    return false;
                }
            }

如何在 Kendo DatePicker 中屏蔽日期

How to block off a date in Kendo DatePicker

kendo-ui

kendo-datepicker