動的に作成された日付ピッカー

Question

生成された第2行から動作していない

動的に作成された日付ピッカー：

$(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

日付ピッカーが自動的に動的に作成された要素と結合されることはありません。一意の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}); 

    }); 
});