When i set the value for the datepicker programatically, the change event does not fire. The basic code is below:
$("#datePicker").kendoDatePicker({
change: function (e) {
selectedDate = $("#datePicker").data("kendoDatePicker").value();
console.warn(selectedDate);
}
});
$("#datePicker").data("kendoDatePicker").value(selectedDate);
$("#datePicker").kendoDatePicker({
change: function (e) {
selectedDate = $("#datePicker").data("kendoDatePicker").value();
console.warn(selectedDate);
}
});
$("#datePicker").data("kendoDatePicker").value(selectedDate);
2 Answers, 1 is accepted
0
Hi Joshua,
By design, the DatePicker does not raise the change event when the value is set programmatically - it raises only if the date is modified by the end-user. In case you need to trigger the change event, you can use jQuery trigger(). For example:
Iliana Nikolova
the Telerik team
By design, the DatePicker does not raise the change event when the value is set programmatically - it raises only if the date is modified by the end-user. In case you need to trigger the change event, you can use jQuery trigger(). For example:
var datePicker = $("#datepicker").data("kendoDatePicker");datePicker.value("01/01/2001");datePicker.trigger("change");I hope this helps.
Iliana Nikolova
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Joshua
commented on 11 Sep 2012, 09:40 PM
Top achievements
Rank 2
Iron
Veteran
Iron
Rank 2
Iron
Veteran
Iron
OK, so I went around this initially, but now that I am using mvvm it is a bit of a problem.
I would like to update my viewmodel and have it change the datepicker as expected.
You say this is by design. What situation is it trying to solve?
This is the ideal code I am trying to make work: http://jsfiddle.net/grippstick/d6TLu/
I have tried different version where i bind to change event or i set the value for the date picker, but i can never get the previous month and next month buttons to update the screen appropriately.
I would like to update my viewmodel and have it change the datepicker as expected.
You say this is by design. What situation is it trying to solve?
This is the ideal code I am trying to make work: http://jsfiddle.net/grippstick/d6TLu/
I have tried different version where i bind to change event or i set the value for the date picker, but i can never get the previous month and next month buttons to update the screen appropriately.
0
Hello Joshua,
Georgi Krustev
the Telerik team
I answered the support ticket opened on the same subject. Here is a quote of the email:
As my colleague pointed out, the value method of the DatePicker (applicable to all input widgets) does not raise change event. The Kendo MVVM implementation, on the other hand, depends on the change event of the input elements. If you need to update the UI then you will need to use the MVVM methods and update the ViewModel, not the widgets. As you probably know the Date is passed by reference and just its modification may cause undesirable effects. I have modified your jsFiddle demo and now it works as expected.
I will ask you to continue our conversation in the support thread in order to avoid any duplication.
Georgi Krustev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!