剑道DatePicker最大值和最小值不限制文本输入

2019-11-22 18:07:27 阅读：265 来源： 互联网

我在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的解决方案来强制日期选择器上的最大和最小范围,无论用户如何使用输入日期.

解决方法:

不幸的是,仍然没有任何东西可以在剃刀中设置.我发现的唯一解决方案是在初始化该widged之后将输入设置为readonly.这样可以确保用户无法手动输入任何日期,并且可以使用选择器控件.我尝试通过添加到HtmlAttributes中以剃刀语法设置属性,但这与在小部件上设置只读具有相同的结果,即禁用了输入和选择器.

我最初决定只对更改后的事件添加验证,以便不会丢失手动输入日期的功能,但是在手动输入日期时不会触发(！)

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

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

标签：razor,asp-net-mvc-4,kendo-ui,c
来源： https://codeday.me/bug/20191122/2061713.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

剑道DatePicker最大值和最小值不限制文本输入