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仅在第一个“dob”字段上工作，但该字段的其余部分仅具有datepicker的按钮格式，但日历不起作用。

Answer 1

这是因为javascript在第一个之后无法确定正确的输入字段。看看你的源代码。所有小部件都具有相同的 id 和/或名称。您必须为每个生成的小部件设置唯一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 datepicker扩展不在数组输入表单上工作

1 个答案: