动态创建的日期选取器无法从创建的第二行开始工作

Question

动态创建的日期选择器无法在创建的第二行中使用：

$(document).ready(function () {
    $(".add_button").click(function () {
        var currentRow = $(this).parents("tr");
        var nr = currentRow.clone(true, true);
        nr.find(".name").val('');
        currentRow.after(nr);
    });
    $(".del_button").click(function () {
        var currentRow = $(this).parents("tr");
        if ($(".test tr").length != 2)
        {
            $(this).closest('tr').remove();
        }
        else
        {
            alert("You cannot delete first row");
        }
    });
});


<script>
    $(function () {
        $("#datepicker").datepicker({autoclose: true});
    });
</script>

Answer 1

datepicker不会自动与动态创建的元素绑定。在创建具有唯一ID和绑定日期选择器的元素后，必须将其绑定。

试试这个：

$(document).ready(function () {
    var current_id = 1;
    $(".add_button").click(function () {
        var currentRow = $(this).parents("tr");
        var nr = currentRow.clone(true, true);
        nr.find(".name").val('');
        nr.find(".name").attr('id','name_'+current_id);
        currentRow.after(nr);
        $("#name_"+current_id).datepicker({autoclose: true});

    });
});