javascript - 使用 JS 附加 renderPartial 以查看 - Yii2

Question

我在 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')
}));

控制器中的 renderPartial 变量：

$edu_render = $this->renderPartial('edu');

渲染部分视图：

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

标签： javascriptjqueryyii2renderpartial