kendo-ui - 如何禁用过去的日期而不将它们隐藏在 Kendo 日期选择器中？

Question

如果我为日期选择器设置最小值，它在打开时不会显示小于最小日期的日期。

我的要求是日期选择器中应显示小于 min date 的日期，但应禁用它们。

Answer 1

这一切都归功于 devlero，如果有人想改用它，我可以将其转换为 Razor 语法。

@(Html.Kendo().DatePicker()
          .Name("datepicker")
          .Value(DateTime.Today)
          .Events(e => e.Open("onOpen"))
          .MonthTemplate("# if (data.date < disabledDaysBefore) { #" +
                                "<div class='disabledDay'>#= data.value #</div>" +
                             "# } else { #" +
                "#= data.value #" +
                "# } #")
          .HtmlAttributes(new { style = "width: 150px;" })      
    )


 $(document).ready(function () {                         
        disabledDaysBefore = [
          +new Date("10/20/2014")
        ];      
    });

function onOpen() {
            $(".disabledDay").parent().removeClass("k-link")
            $(".disabledDay").parent().removeAttr("href")
        }