如何在退格键上清除 Kendo Datepicker？答案

【问题标题】：How to clear Kendo Datepicker on backspace?如何在退格键上清除 Kendo Datepicker？
【发布时间】：2016-10-25 08:32:57
【问题描述】：

我们的要求是能够在剑道日历中选择一个日期，并能够在按退格键时清除数据。我相信有一个 onkeydown 事件处理程序，您可以在其中检查哪个键被按下。但是，我们不想为每个日期选择器创建一个处理程序。

Kendo Datepicker 中有什么属性可以解决这个问题吗？

【问题讨论】：

标签： kendo-ui kendo-datepicker

【解决方案1】：

不建议覆盖退格行为，因为如果您这样做，例如，如果想要从输入中删除一个字符，则会删除整个值。

您可以改为选择该值，以便一个退格键将其删除，您也可以取消选择并仅删除一个字符。

请查看：http://dojo.telerik.com/aCuwo

【讨论】：

正如我所说，我们对所有日期选择器的要求只是能够清除 1 个退格键上的字段。用户一次不能删除 1 个字符。

【解决方案2】：

没有办法通过配置属性来解决它，正如你正确评论的那样，这样做的方法是为它们中的每一个添加一个事件处理程序，在每个日期选择器的输入中你可以添加一个类：

<input id="datepricker1" class="deleteBack">
<input id="datepricker3" class="deleteBack">

然后以这种方式定义它们的事件（在它们初始化之后）：

$(".deleteBack").on("keydown",function(e){
    if(e.which===8){
        $(this).data("kendoDatePicker").value("");
        //$(this).data("kendoDatePicker").trigger("change");//use this just if you need to trigger the change
    }
})

【讨论】：