Как добавить несколько календаря на одной странице с помощью 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.