Множественная инициализация AIR DATEPICKER

Question

Использую плагин AIR DATEPICKER Вот HTML

<input class="date" type="text" name="#" placeholder="dd.mm.yyyy" />
<input class="date" type="text" name="#" placeholder="dd.mm.yyyy" />
<input class="date" type="text" name="#" placeholder="dd.mm.yyyy" />

Если инициализировать так

new AirDatepicker('.date');

То календарь будет выпадать только при клике на первый инпут. Вот такое решение тоже не работает

$(".date").each(function() {
    new AirDatepicker($(this));
});

Как можно инициализировать плагин для всех инпутов с классом date?

Answer 1

Написал без Jquery. Но мне кажется библиотека "кривая". Потому что инициализация происходит какая-то хаотичная и чтобы выглядело нормально, нужно лепить костыли (или я ничего не понимаю)

document.querySelectorAll('.date').forEach((element) => {
   new AirDatepicker(element);
});

<script src="https://cdn.jsdelivr.net/npm/[email protected]/air-datepicker.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/air-datepicker.min.css" rel="stylesheet">

<input class="date" type="text" name="#" placeholder="dd.mm.yyyy"/>
<input class="date" type="text" name="#" placeholder="dd.mm.yyyy"/>
<input class="date" type="text" name="#" placeholder="dd.mm.yyyy"/>

На Jquery будет так:

$(".date").each(function(index, element) {
    new AirDatepicker(element);
});

БЛОГ НА HUSL

Множественная инициализация AIR DATEPICKER

Ответы (1 шт):