2013-03-30 8 views
15

Sto provando a impostare il valore del mio DatePicker usando il codice sottostante e mi aspetto che l'evento "Cambia" sia sollevato ma non lo è.Come si aumenta l'evento di modifica in KendoUI 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); 

Modificare il valore della data tramite l'interfaccia utente solleva comunque l'evento "Modifica" come previsto.

risposta

15

Si prega di provare con lo snippet di codice qui sotto.

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

+3

funziona. Grazie! –