kendo-ui - 如何清除退格键上的剑道日期选择器？

Question

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

Kendo Datepicker 中是否有任何属性可以解决此问题？

Answer 1

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

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

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

Answer 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
    }
})