剑道日期选择器:防止关闭选择器时，单击一个日期

Question

当我在选择器中更改日期时，选择器会被隐藏，如何在剑道ui中跳过此行为

Answer 1

你可以替换日期选择器的DateView的change方法，这样它就不会关闭弹出窗口:

var datePicker = $("#sampleDate").kendoDatePicker({}).getKendoDatePicker();
datePicker.dateView.options.change = function () {
    datePicker._change(this.value());
};

(演示)

Answer 2

在关闭事件上执行e.preventDefault()。

$("#datepicker").kendoDatePicker({
    close: function(e) {
        e.preventDefault(); //prevent popup closing
    }
});

然而，你将不再能够以任何方式关闭日期选择器，所以确保只有当你想要保持日期选择器打开时才阻止默认值。

如

close: function(e) {
    if(keepOpen === true){
        e.preventDefault();
    }
}

Answer 3

尝试捕获datePicker的更改事件

 $("#datepicker").kendoDatePicker()
      .Events(e =>
      {
          e.Change("JSFunction");
      })

function JSFunction() {
   var datepicker = $("#datePickerId").data("kendoDatePicker");
    datepicker.open();
}