2013-03-30 13 views
15

मैं नीचे दिए गए कोड का उपयोग करके अपने डेटपिकर का मूल्य निर्धारित करने की कोशिश कर रहा हूं और "चेंज" ईवेंट को बढ़ाने की उम्मीद कर रहा हूं लेकिन ऐसा नहीं है।मैं 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); 

उपयोगकर्ता इंटरफ़ेस के माध्यम से दिनांक मान बदलें, हालांकि "बदलें" ईवेंट को उम्मीद के अनुसार बढ़ाएं।

उत्तर

15

कृपया नीचे दिए गए कोड स्निपेट के साथ प्रयास करें।

एचटीएमएल

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

+3

यह काम करता है। धन्यवाद! –

संबंधित मुद्दे