Yii2 Kartik DatePicker - CSS

Question

我开始使用Yii2 Kartik助手。

我遇到的问题是日期选择器的CSS

正如您所看到的，出生日期字段底部没有填充。

其周围字段的代码

<?= $form->field($model, 'mobile')->textInput(['maxlength' => true]) ?>

<?= $form->field($model, 'telephone')->textInput(['maxlength' => true]) ?>

<?= Html::activeLabel($model, 'date_of_birth') ?>
<?= DatePicker::widget([
    'model' => $model, 
    'attribute' => 'date_of_birth',
    'options' => ['placeholder' => 'Enter birth date ...'],
    'pluginOptions' => [
        'autoclose'=>true,
        'format' => 'dd-mm-yyyy',
    ]
]); ?>

<?= $form->field($model, 'email')->textInput(['maxlength' => true]) ?>

<?= $form->field($model, 'user_id')->textInput() ?>

从CSS我可以看到Kartik使用类输入组

创建一个div

<div id="staff-date_of_birth-kvdate" class="input-group date">

标准表单元素的div具有class form-group

的div

<div class="form-group field-staff-telephone">

有什么想法吗？

此致

利安

Answer 1

你应该试试：

<?= $form->field($model, 'date_of_birth')->widget(DatePicker::className(), [
    'options' => ['placeholder' => 'Enter birth date ...'],
    'pluginOptions' => [
        'autoclose'=>true,
        'format' => 'dd-mm-yyyy',
    ],
]) ?>

了解详情：http://demos.krajee.com/widget-details/datepicker#usage