Блог

Главная - Вопросы по программированию - Средство выбора даты для строк, которые добавляются динамически с исходящими идентификаторами

Средство выбора даты для строк, которые добавляются динамически с исходящими идентификаторами

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

 <table id="mytable" cellpadding="20" cellspacing="10">
    <tr>
    <td class="label"><b>Batch Id:</b></FONT></td>  
    <td><input type="text" name="batchId"/></td>
    <td class="label"><b>Start Date:</b></FONT></td>
    <td><input class="datepicker"></td>
    <td><a  id="add">Add New Batch</a></td> 
    </tr>
 </table>

<Script>
$("#add").click(function() {
            $('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
            return false;
        });

</Script>

http://jsfiddle.net/ua4bc/65/

Каждая строка имеет начальную дату. Пожалуйста, помогите мне добавить средство выбора даты для каждой из этих начальных дат.

Ответ №1:

Пожалуйста, примените приведенный ниже код для решения

 $('.datepicker').datepicker();    

$("#add").click(function() {
            $('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
    $('#mytable tbody>tr').each(function(i){

        $(this).find(".datepicker").datepicker("destroy");
        $(this).find(".datepicker").datepicker();
    });
            return false;
        });

Спасибо,
Маниш Пармар

Комментарии:

1. Я попробовал это. Если у меня более одной строки. И я пытаюсь выбрать дату во второй или третьей строке, значение добавляется только к первой строке. Но я хочу, чтобы значение добавлялось к той же строке

Ответ №2:

попробуйте это:

  $('#mytable tbody>tr:last').clone(true).datepicker().insertAfter('#mytable tbody>tr:last');

Рабочая демонстрация

Комментарии:

1. У меня все та же проблема. Когда я нажимаю «Добавить новую партию», добавляется новая строка. Я должен иметь возможность выбирать дату независимо для каждой строки. Возможно?