Question

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

Answer 1

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

var datePicker = $("#sampleDate").kendoDatePicker({}).getKendoDatePicker();

datePicker.dateView.options.change = function () {
    datePicker._change(this.value());
};

（demo）

Answer 2

只需在关闭事件中e.preventDefault()。

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

Demo

但是，您将无法再以任何方式关闭日期选取器，因此请确保仅在您希望保持日期选择器打开时才能阻止默认值。

e.g

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();
}

kendo Datepicker：单击日期时阻止关闭选择器

3 个答案: