Kartik 日期选择器扩展不适用于数组输入表单

Question

我有一个表单字段 "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 working only on first "dob" field but rest of the field having only button format of datepicker but calendar not working.

Answer 1

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

That is documented at the demo page.

以下应该有效：

<?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(); ?>

Kartik 日期选择器扩展不适用于数组输入表单

Kartik datepicker extention not working on array input form

yii2

kartik-v