Js-datepicker несколько входов с одним и тем же классом
Я использую этот плагин js-datepicker (https://www.npmjs.com/package/js-datepicker). Проблема в том, что у меня много полей, я хочу применить тот же тип средства выбора даты, поэтому предположил, что могу просто дать им всем класс, скажем, «год», однако он назначает его только первому полю ввода с этим классом. Есть ли способ применить ко всем входам с этим классом?
мой код:
const year = datepicker('.year', {
/* formatter: (input, date, instance) => {
const value = date.toLocaleDateString()
input.value = value // => '1/1/2099'
}*/
});
Все они будут присвоены одной и той же константной переменной, поэтому она добавляется только к первому элементу. Вам нужно будет создать массив const и, возможно, различать элементы DOM чем-то более конкретным, например, значением id.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Возможно, вы можете просто использовать тип ввода «дата», чтобы получить быстрое рабочее решение. Преимущество: Формат выбирается исходя из текущих настроек пользователя, ничего форматировать не нужно.
<input type = "date" value = "2019-01-01">Привет, Аарон, да, это то, как я сначала хотел это сделать, но, к сожалению, нет возможности настроить вывод, он должен перейти в определенный формат даты, который, вероятно, отличается от предпочтений браузера.
Похоже, что он хочет инициализировать только один элемент за раз, поэтому вам нужно будет выбрать все ваши элементы .year и перебрать их, а затем вызвать функцию datepicker для каждого из них в отдельности.
В основном что-то простое вроде этого должно делать,
var fields = document.querySelectorAll('.year');
fields.forEach(function(e) {
datepicker(e, {})
});
Если вам нужны ссылки на экземпляры средства выбора даты, чтобы иметь возможность позже изменять параметры или что-то в этом роде, вы можете добавить их в массив внутри цикла.
Похоже, что он хочет инициализировать только один элемент за раз, поэтому вам нужно будет выбрать все ваши элементы .year и перебрать их, а затем вызвать функцию datepicker для каждого из них в отдельности.