日期選擇器和timepicker不附加元素工作

Question

我用我的領域，如該datepicker和timepicker：

<input class="datepicker" name="sugg_date[]" type="text" value="" /> 
<input class="tp" name="sugg_time[]" type="text" value="" /> 

我也是用這個功能來添加更多的行：

<script> 
    function add_next_row(e, row_a) { 
     curr_row = $(row_a).prev('p'); 
     curr_row.append('<input class="datepicker" name="sugg_date[]" type="text" value="" />'); 
     curr_row.append('<input class="tp" name="sugg_time[]" type="text" value="" />'); 

     if (e.preventDefault) { 
      e.preventDefault(); 
     } else { 
      e.returnValue = false; 
     } 
    } 
</script> 

但新行不適用於timepicker和datepicker。有人可以告訴我爲什麼。

Answer 1

function add_next_row(e, row_a) { 

    if (e.preventDefault) { 
     e.preventDefault(); 
    } else { 
     e.returnValue = false; 
    } 
    curr_row = $(row_a).prev('p'); 
    var $datefield = $('<input class="datepicker" name="sugg_date[]" type="text" value="" />').datepicker(); 
    var $timefield = $('<input class="timepickr" name="sugg_time[]" type="text" value="" />'); 
    curr_row.append($datefield); 
    curr_row.append($timefield); 
    curr_row.append("<br/>"); 


    $(".timepickr").timepickr().timepickr({convention:12}); 


} 

Answer 2

您需要爲每個添加的新元素初始化datepicker和timepicker。試試這個：

function add_next_row(e, row_a) { 
    e.preventDefault(); 

    var $datefield = $('<input class="datepicker" name="sugg_date[]" type="text" value="" />').datepicker(); 
    var $timefield = $('<input class="tp" name="sugg_time[]" type="text" value="" />').timepickr({convention:12}); 

    curr_row = $(row_a).prev('p'); 
    curr_row.append($datefield); 
    curr_row.append($timefield); 
}