Как добавить несколько календаря на одной странице с помощью javascript

Я пытаюсь добавить два календаря на одной странице с помощью javascript.

Но это не работает для меня для второго поля. Я попробовал то же самое для jQuery. Все еще сталкивается с той же проблемой.

Может кто-нибудь мне помочь. Заранее спасибо.

Вот код:

$(".datepicker").each(function () {
 $(this).datepicker({
 dateFormat: 'dd-mm-yy',
 changeMonth: true,
 changeYear: true,

 });
});
2 ответа

Вам не нужно делать это в цикле (хотя это также должно работать.):

$(".datepicker").datepicker({
 // your stuff here
});

Поскольку селекторы классов возвращают коллекцию, чтобы это сработало.

Демо-версия

Какие могут быть проблемы:

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

Пример демонстрации с одинаковыми идентификаторами.


Почему не только это:

$(".datepicker").datepicker({ 
 dateFormat: 'dd-mm-yy', 
 changeMonth: true, 
 changeYear: true
 });

Он должен применять плагин для каждого элемента управления с классом datepicker

licensed under cc by-sa 3.0 with attribution.