首页 文章

Yii2 Kartik DatePicker - CSS

提问于
浏览
0

我开始使用Yii2 Kartik助手了 .

我遇到的问题是datepicker的CSS

CSS Error

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

它周围字段的代码

<?= $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

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

有任何想法吗?

问候

利亚姆

1 回答

  • 2

    你应该尝试:

    <?= $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

相关问题