对于使用out ID动态添加的行的日期选择器

时间:2014-06-17 12:30:33

标签: 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/

每一行都有一个开始日期。请帮我为每个startDates添加日期选择器。

2 个答案:

答案 0 :(得分:0)

试试这个:

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

<强> Working Demo

答案 1 :(得分:0)

请在下面的代码中应用解决方案

$('.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;
        });

谢谢, Manish Parmar