DatePicker change event after clear textbox

[Claudia]

Hi

I'm trying to enable/disable a button base on the datepicker value. If I pick the value from the calendar the change event triggers perfectly fine but if I clear the textbox selecting the value and hit "backspace" the change event trigger only if I click out the control. Here is what I have now. I will appreciate your help, Thank you in advance.

$('#dtpDOB, #dtpEffDate, #dtpRecDate').kendoDatePicker({
format: "MM/dd/yyyy",
change: paramChange
});

function paramChange()
{
var count = 0;
var dtpDOB = $("#dtpDOB").data("kendoDatePicker");
var dtpRecDate = $("#dtpRecDate").data("kendoDatePicker");
var dtpEffDate = $("#dtpEffDate").data("kendoDatePicker");
var button = $("#btnSearch").data("kendoButton");

if (dtpDOB.value() !== null)
count += 1;        
if (dtpRecDate.value() !== null)
count += 1;
if (dtpEffDate.value() !== null)
count += 1;

if(count >= 2)
button.enable(true);
else
button.enable(false);
}

[Georgi]

Hello Claudia,

The described behavior is expected as the change event of the input is triggered when the element is blurred and the value of the picker is updated within the change event handler of the input element.

The input event however is triggered when the value of the element has been changed. Therefore you could attach an input event handler and check for the values there:

$('#dtpDOB, #dtpEffDate, #dtpRecDate').kendoDatePicker({
format: "MM/dd/yyyy",
change: paramChange
}).on('input', function(e){
  var value = kendo.parseDate( $(e.target).val())

  ...

});

Please note that when the input event is triggered, the value of the picker is not yet updated and you will have to access it through the target as above.


Regards,
Georgi
Progress Telerik

[Claudia]

Thank you so much!!! now is working ;)