У меня такой дампикер:
<input name="eventDate" type="text" id="eventDate" size="12" class="textbox">
Чтобы показать календарь, я использую это выражение:
<script>
// <![CDATA[
var opts = { formElements:{"eventDate":"d-sl-m-sl-Y"} };
datePickerController.createDatePicker(opts);
// ]]>
</script>
Моя проблема в том, что я хочу создать форму, которая каждый раз, когда пользователь нажимает кнопку "Добавить строку", появляется новая строка, как указано выше, и все датпикер с именем "eventDate" в каждой строке должны работать. Как я могу это сделать? Может кто-нибудь мне помочь?
Вам нужно привязать клонированное поле ввода к datepicker, чтобы в основном просто сбросить datepickers после вставки новой строки.
Вот быстрая скрипка: http://jsfiddle.net/466C8/
$('.addRow').click( function() {
$('.cont').append('<input name="eventDate" type="text" class="eventDate" size="12" class="textbox" /><br />');
$( ".eventDate" ).datepicker();
});
И вы должны использовать классы, если вы собираетесь клонировать эти элементы. Он не будет работать с идентификаторами, если они все одинаковые. Там также довольно большой вопрос, с хорошими ответами в SO, попробуйте поискать.