1

我有一个带有数组输入的表单字段“dob []”，例如

<?php $form = ActiveForm::begin();
for($i=0;$i<= 3;$i++): 
 echo $form->field($model, 'dob[]')->widget(DatePicker::classname(), [
  'options' => ['placeholder' => 'Date Of Birth'],
  'type' => DatePicker::TYPE_INPUT,
  'pluginOptions' => [
      'format' => 'mm/dd/yyyy',
      'autoclose' => true,
  ]
 ]);
 endfor; ?>

 <div class="form-group">
<?= Html::button('Submit', ['class' => 'btn btn-success']) ?>
</div>
<?php ActiveForm::end(); ?>

Datepicker 仅在第一个“dob”字段上工作，但该字段的其余部分只有 datepicker 的按钮格式，但日历不起作用。

4

1 回答 1

1

这是因为 javascript 在第一个之后无法确定正确的输入字段。看看你的源代码。所有小部件都具有相同的id和/或name。您必须为每个生成的小部件设置一个唯一 ID。顺便说一句，相应地命名表单数据始终是一种好方法。

演示页面中记录了这一点。

以下应该有效：

<?php
$form = ActiveForm::begin();
    for ($i=0; $i < 3; $i++) {
        echo $form->field($model, 'date_end')->widget(DatePicker::classname(), [
            'options' => [
                'placeholder' => 'Date Of Birth',
                'name' => 'DOB' .$i,
                'id' => 'DOB-ID' . $i,
            ],
            'type' => DatePicker::TYPE_INPUT,
            'pluginOptions' => [
                'format' => 'mm/dd/yyyy',
                'autoclose' => true,
            ],
        ]);
    }
 ?>

<div class="form-group">
<?= Html::button('Submit', ['class' => 'btn btn-success']) ?>
</div>
<?php ActiveForm::end(); ?>
于 2017-01-03T08:24:58.370 回答