Clicking on a date in the datepicker does not trigger the JS change event

[harvzor]

If an input element has it's onchange event watched by some JS, this onchange event will not get triggered when a date in the datepicker is selected.

$('input').on('change', function() {
     // If a date is picked from the datepicker and not manually put in, then this event will not fire.
    console.log('Input value changed.');
});

This is likely linked with this issue:
http://stackoverflow.com/questions/3179385/val-doesnt-trigger-change-in-jquery

[harvzor]

The above is a feature request. For a temporary fix for users affected by this issue, use the following onSelect event.

$('.air-datepicker').datepicker({
    onSelect: function(formattedDate, date, inst) {
        $(inst.el).trigger('change');
    }
});

[SergeySagan]

It would be great if this was built into the datepicker

[kirill-voronov]

+1

[yosypandriyash]

Try this:
In this case, my datapicker is allowed inside .modal_datapicker div, so you can try addEventListener("click") or jquery on("click") and when click call to a function that returns the date from the datepicker. Its not very good solution but it works:

$(".modal_datepicker").on("click", function(e){
e.preventDefault();
var date = getDataPIckerDate(); //Call to function returns the value of datapicker
if(!date){ //In case, this funciton can returns false if any date is selected
date = "Please select date";
}
$("input.showDateFromDtaepicker").val(date);
})

[ulrichkrenn]

Hi,

in IE 11
...onSelect: function(formattedDate, date, inst) { $(inst.el).trigger('change');}...
is not called when the date field is cleared (only if the date is changed.). It works with Chrome.