如何在 KendoUI DatePicker 中引发更改事件？

【问题标题】：How Do I Raise the Change Event in the KendoUI DatePicker?如何在 KendoUI DatePicker 中引发更改事件？
【发布时间】：2013-03-20 22:20:58
【问题描述】：

我正在尝试使用下面的代码设置我的 DatePicker 的值，并期望引发“更改”事件，但事实并非如此。

var datePicker = $("#datePicker").data("kendoDatePicker");
var previousDate = new Date(datePicker.value());
previousDate.setDate(previousDate.getDate() - 1);
$("#displayDate").text(kendo.toString(new Date(previousDate), 'D'));
datePicker.value(previousDate);

通过用户界面更改日期值确实会按预期引发“更改”事件。

【问题讨论】：

标签： kendo-ui telerik kendo-datepicker

【解决方案1】：

请尝试以下代码 sn-p。

HTML

<input id="datepicker" />
<input type="button" value="set date" onclick="setdateInDP()">

<script type="text/javascript">
$(document).ready(function () {
    function onChange() {
        alert("Change :: " + kendo.toString(this.value(), 'd'));
    }

    $("#datepicker").kendoDatePicker({
        change: onChange
    });
});

function setdateInDP() {
    var datePicker = $("#datepicker").data("kendoDatePicker");
    var previousDate = new Date(datePicker.value());
    previousDate.setDate(previousDate.getDate() - 1);
    datePicker.value(previousDate);
    $("#datepicker").data("kendoDatePicker").trigger("change");
}

【讨论】：

问题在于，当您使用选择器选择日期时，它不会像通常那样触发输入更改。这在 datepicker 的 _change() 函数中完成...