Почему не срабатывает событие change?

Question

[Иван Симонов]

Код - fiddle

Делаем клик по кнопке с названием месяца - подставляем полученное значение в поле
Но событие change не срабатывает, т.е календарь не переключается

Array.from(flat).forEach(elem => {
    elem._input.addEventListener('change', (e) => {
      console.log('change') // not working
    });
  });

Подскажите, как решить данную проблему?

Comments

[ThunderCat]

а почему слушается блюр, а ожидается чейндж???

[Иван Симонов]

ThunderCat, поправил

[ThunderCat]

Иван Симонов, во первых вопрос поправьте тоже. Во вторых - console.log(Array.from(flat)); Не благодарите.

[Иван Симонов]

ThunderCat, Спасибо. Теперь срабатывает событие - https://jsfiddle.net/u9g17qr6/1/. Но календарь не переключается, подскажите в чем может быть проблема?

Answer 1

[Александр Черемхин]

Читайте док по плагину - https://flatpickr.js.org/instance-methods-properti...
setDate(date, triggerChange, dateStrFormat) - установка даты

...
 function getStartEndDateOfMonth(domElement, inputElement, event) {
    let date = new Date();
    date.setMonth(Array.from(domElement).indexOf(event.target) + 1);
    date.setDate(0);
    let dateStart = `1.${normalizeDate(date.getMonth() + 1)}.${date.getFullYear()}`;
    let dateEnd = `${date.getDate()}.${normalizeDate(date.getMonth() + 1)}.${date.getFullYear()}`;
    //inputElement.value = `${dateStart} - ${dateEnd}`; !!! -  это не требуется
    flat.setDate ([dateStart, dateEnd]);  // !!! - установка диапазона дат в плагин
  }
  ...

Comments

[Иван Симонов]

Благодарю. Сделал по другому, но ваше решение верное