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

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

日期选择器不会自动与动态创建的元素绑定(bind)。您必须在创建具有唯一 ID 的元素并绑定(bind)日期选择器后绑定(bind)它。

试试这个:

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

    });
});