JS-DatePicker несколько входов с тем же классом

Question

Я использую этот плагин js-datepicker (https://www.npmjs.com/package/js-datepicker). Проблема в том, что у меня много полей, я хочу применить один и тот же тип выбора даты, так что я могу просто дать им всем класс высказывания'year', однако он назначает его только первому полю ввода с этим классом. Есть ли способ применить ко всем входам с этим классом?

мой код:

const year = datepicker('.year', {
/*  formatter: (input, date, instance) => {
    const value = date.toLocaleDateString()
    input.value = value // => '1/1/2099'
  }*/
});

Answer 1

Похоже, что это нужно инициализировать только для одного элемента за раз, поэтому вам нужно будет выбрать все ваши элементы .year и выполнить цикл по ним, а затем вызвать функцию datepicker для каждого из них в отдельности.

По сути, это должно быть сделано просто так:

var fields = document.querySelectorAll('.year');

fields.forEach(function(e) {
  datepicker(e, {})
});

Если вам нужны ссылки на экземпляры DatePicker, чтобы иметь возможность позже изменять параметры или что-то подобное, вы можете добавить их в массив внутри цикла.

Answer 2

Может быть, вы можете просто использовать тип ввода «дата», чтобы иметь быстрое рабочее решение. Преимущество: формат выбирается исходя из текущих настроек пользователя, не нужно ничего форматировать.

<input type="date" value="2019-01-01">