c# - Kendo DatePicker Max 和 Min 值不限制文本输入

Question

我在 MVC 应用程序的页面上有一个 Kendo DatePicker 控件:

@(Html.Kendo().DatePicker()
    .Name("PlanStartDate")
    .HtmlAttributes(new { @class = "reportParam" })
    .Value(Model.MinDate)
    .Min(Model.MinDate.ToShortDateString())
    .Max(Model.MaxDate.ToShortDateString())
)

请注意，我正在设置 .Min 和 .Max 值。这些最小值和最大值正确地将日历下拉限制在正确的日期范围内:“9/10/2013”​​到“9/10/2014”。

不幸的是，用户仍然可以使用输入文本框而不是日历下拉列表来输入最小和最大日期之外的日期。

我知道我可以添加 JavaScript 来在控件的 kendoValidator 对象上创建规则和消息，但我正在寻找最简单的、希望仅适用于 Razor 的解决方案来强制执行日期选择器的最大和最小范围，无论用户如何输入日期。

Answer 1

不幸的是，仍然没有任何东西允许在 Razor 中设置它。我找到的唯一解决方案是将输入设置为只读 after widged 已初始化。这确保用户不能手动输入任何日期，并且他们使用选择器控件。我尝试通过添加到 HtmlAttributes 来设置 Razor 语法中的属性，但这与在小部件上设置只读的结果相同，即输入和选择器被禁用。

我最初决定只向更改的事件添加验证，以便手动输入日期的能力不会丢失，但是当手动输入日期时这不会触发(!)

$(function() {
            $("#startDate").prop("readonly", "readonly");
        });

解决方案在这里找到:http://www.telerik.com/forums/kendo-datepicker-max-and-min-values-not-limiting-text-entry#Mr13l7RaiUeA8Nm9cVo7hQ