kendo-ui - kendo Datepicker：单击日期时防止关闭选择器

Question

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

Answer 1

您可以替换日期选择器的 DateView 的更改方法，以便它不会关闭弹出窗口：

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 的 change 事件

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


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