我在activeForm中有一个包含2个字段的行（例如Date1和Date2字段） . 这些字段是DatePicker（Kartik）当页面加载时，此字段在单击字段时正常工作，打开DatePicker小部件 . 我在这一行的底部有ADD ROW按钮 . 当我点击添加行时，必须添加包含2个字段（日期1，日期2）的新行 . 我这样做，当点击这个按钮时，我将renderPartial视图附加到表单 . 问题：当附加新字段时，DatePicker不起作用 . 我知道原因，但我不知道如何正确使用它 .
JS代码：
if($(document).on('click','#add-new-edu',function() {
$('#education').append('$edu_render')
}));
Controller中的renderPartial变量：
$edu_render = $this->renderPartial('edu');
renderPartial视图：
<div class="row">
<div class="col-lg-2">
<div class="form-group">
<label class="control-label">Date 1</label>
<?=DatePicker::widget([
'name' => 'enter_date',
'options' => ['id' => 'id1'],
]);?>
</div>
</div>
<div class="col-lg-2">
<div class="form-group">
<label class="control-label">Date 2</label>
<?=DatePicker::widget([
'name' => 'enter_date',
'options' => ['id' => 'id2'],
]);?>
</div>
</div>
<div class="text-center">
<button type="button" class="btn btn-danger delete-edu">DELETE</button>
</div>