Is there a way to get the current input in onChange?

I’ve hacked this in:

var picker = flatpickr('....', {
    onChange : function() {
        picker.calendars[0].input.value = 'test';
    }
});

But I’m pretty sure that’ll break. Is there a cleaner/correct way?

[ricksellers]

Exactly what I was looking for. I am loving this plugin. Thanks!

[chmln]

I’m having the same problem. I have yet to find a full working example of the onChange event in flatpickr. Could someone post one?

http://chmln.github.io/flatpickr/#onchange

I’ve hacked this in:

var picker = flatpickr('....', {
    onChange : function() {
        picker.calendars[0].input.value = 'test';
    }
});

But I’m pretty sure that’ll break. Is there a cleaner/correct way?

To target an onChange of a specific calendar, you need its flatpickr instance. Either you have something like

flatpickr("#check_in_date", {
    onChange: function(dateObj, dateStr) {
        console.info(dateObj);
        console.info(dateStr);
    }
});

Or do something like

var calendars = flatpickr(".flatpickr"); // multiple instances
calendars.byID("myCalendarID").config.onChange = function(dateobj, datestr){
    console.info(dateobj, datestr);
}