Question

我正在使用kendo datetimepicker。当用户打开日历并选择我需要检查其他日期的任何日期时，即如果日期错误则需要运行验证，然后阻止新日期填写日期选择器并保留旧值，否则允许datepicker更改值。我尝试使用event.preventDeafult，但不幸的是它无法正常工作..

有没有办法实现这个目标？

这是小提琴enter link description here

感谢任何帮助。

Example fiddle here

   $("#datePicker").kendoDatePicker({

    change:function(event){ alert(1); 
                      // some validations here
                      event.preventDeafult();  }
  });

Answer 1

通过这个答案。可以任何行帮助您解决问题。你可以这样简单地分配。

$("#datepicker").kendoDatePicker({
    change: function () {
        // some validations here
        var i = 0;
        var prev = "9/12/2014";
        var date = kendo.toString(this.value(), 'd');
        if (i == 0) {
            $("#datepicker").data("kendoDatePicker").value(prev);
        }
    },
    close: onClose,
    open: onOpen
});

更新的答案：

var date;
$(function () {
    date = $("#datepicker").data("kendoDatePicker").value();
    $("#datepicker").kendoDatePicker({
        change: function () {
            // some validations here
            var i = 0;
            var prev = date;
            if (i == 0) {
                $("#datepicker").data("kendoDatePicker").value(prev);
            }

        },
        close: onClose,
        open: onOpen,
    });

})

Answer 2

我过去只使用过只读来做这件事。

   var endDate = $("#endDate").data("kendoDatePicker");
       endDate.readonly();

Kendo Datetimepicker如何防止更改事件？

2 个答案: