Question

我在activeForm中有一个包含2个字段的行（例如Date1和Date2字段）。这些字段是DatePicker（Kartik）页面加载后，单击字段打开的DatePicker小部件，该字段将正常工作。我在此行的底部有“添加行”按钮。当我单击“添加行”时，必须将新行添加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>

附加renderPartial以使用JS查看-Yii2

0 个答案: