Làm cách nào để tăng sự kiện thay đổi trong KendoUI DatePicker?

Question

Tôi đang cố gắng đặt giá trị của DatePicker của tôi bằng cách sử dụng mã bên dưới và mong đợi sự kiện "Thay đổi" được tăng nhưng không.

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

Thay đổi giá trị ngày qua giao diện người dùng sẽ làm tăng sự kiện "Thay đổi" như mong đợi.

Answer 1

Vui lòng thử với đoạn mã bên dưới.

HTML

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

JS

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