Kendo UI Datepicker禁用键入

Question

我希望用户只能通过其按钮更改Kendo UI Datepicker值,并从弹出窗口中选择日期.如何阻止用户在Datepicker文本框中输入内容？我可以在不禁用整个控件的情况下禁用文本框吗？

Answer 1

在您的输入元素上添加此属性和值...

onkeydown="return false;"

这将禁用键入输入并仍允许使用日历控件输入.

Answer 2

使用以下控件 -

@(Html.Kendo().DatePicker()
.Name("FromDate")
.HtmlAttributes(onkeydown="javascript:return false;" })
      )

它将禁用键盘输入.同样的方式也可以处理其他条件.

Answer 3

找到您的输入元素,并禁用它

$('#datepicker').attr('disabled','disabled');

(在kendo演示网站上试过它 http://demos.kendoui.c​​om/web/datepicker/index.html)

Answer 4

你可以通过两种方式来做到这一点

  //disable kendo ui  datapicker click event
    $(".k-datepicker input").bind('click dblclick',function () {
         return false;
    });

    //make it readonly
   $(".k-datepicker input").prop("readonly", true);