Как выбрать дату с помощью средства выбора даты в динамической таблице?

Question

Моя проблема в том, как использовать средство выбора даты в динамических строках столбца.Я использовал указатель даты в поле ввода текста, но он появляется только в первой строке столбца даты.При выборе даты дата не выбирается.

 <table class="table table-bordered table-striped table-xxs" id="tb3">
                            <thead>
                                <tr>
                                    <th></th>
                                    <th>Bank Name</th>
                                    <th>Chq No</th>
                                    <th>Chq Date</th>
                                    <th>Amount</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr >
                                    <td><a href='javascript:void(0);' class='remove3'><span class='glyphicon glyphicon-remove'></span></a></td>
<td>

                                    <input style="width:100px" type="text" id="Product_Code"  class="form-control input-xs Product_Code "name="name[]"></td>

                                    <td ><input style="width:100px" type="text" id="Product_Name" class="form-control input-xs" name = "no[]"   > </td>


                                    <td><input type="text" class="form-control input-xs datepicker-dates" placeholder="Pick a date&hellip;" id="TDate" name="TDate" value="<?php echo date('d/m/Y') ?>"</td>

                                    <td><input style="width:80px" type="text" id="Rate"  class="form-control input-xs" value="" name="rate[]"></td>

                                    <td><a href="javascript:void(0);" style="font-size:18px;" id="addMore3" title="Add More Person"><span class="glyphicon glyphicon-plus"></td>



                                </tr>
                            </tbody>
                        </table>

Это код таблицы ...........

    <script>
$(function(){
    $('#addMore3').on('click', function() {
              var data = $("#tb3 tr:eq(1)").clone(true).appendTo("#tb3");
              data.find("input").val('');
     });
     $(document).on('click', '.remove3', function() {
         var trIndex = $(this).closest("tr").index();
            if(trIndex>0) {
             $(this).closest("tr").remove();
           } else {
             alert("Sorry!! Can't remove first row!");
           }
      });
});      
</script>

Это код JavaScript для создания динамическогостроки и столбцы.

Answer 1

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

<input type="text"  name="TDate" class="form-control" value="" id="datepicker">     
<script type="text/javascript">
    $(function () {
        $('#datepicker').datepicker();
    });</script>