S.Soundar Ответов: 1

JQuery datepicker для динамических текстовых полей не работает

Я динамически создавал текстовые поля с помощью JavaScript. Я пытаюсь получить доступ к date-picker из текстовых полей, используя классы в качестве селектора. Появляется средство выбора даты, но дата меняется только в первом текстовом поле, а не для других. Я ссылался на другие посты в блоге, но это не работает для меня.

Я использую jQuery ui 1.12.1.
Мой код для динамической генерации строк.

function addRow(tableID) {
                        $( ".value2" ).datepicker('destroy');
                        $( ".value1" ).datepicker('destroy');
           var table = document.getElementById(tableID);

           var rowCount = table.rows.length;
           var row = table.insertRow(rowCount);

           var colCount = table.rows[2].cells.length;

           for(var i=0; i


Что я уже пробовал:

Пожалуйста, обратитесь к этой скрипке JSfiddle

1 Ответов

Рейтинг:
2

David_Wimbley

Теперь это работает: Edit fiddle - JSFiddle[^]

Что конкретно я обращался, были в коде .на(фокус) значения для $('Тело') и $(документ).

$(document).on('focus','.value1', function(){
                          //$(this).datepicker();
                          $(this).removeClass('hasDatepicker').datepicker();
                       });


Кроме того, по какой-то причине в ваших текстовых полях было 3 точки

<input type="text"  class="value1" .../>


Я удалил эти 3 периода.

S.Soundar

Сэр, я пробовал ur fiddle, но в этом также дата обновляется только в текстовом поле первых строк. Я изменил $(document) на $('body').Он все еще не работает для второго, третьего ... текстовых полей, сэр. @David_Wimbley.