Yii2：错误的datepicker位置

Question

我已将Yii2（https://github.com/2amigos/yii2-date-picker-widget）的2amigos datepicker添加到我的表单中。

然而，datepicker会在实际输入字段上方呈现几行，如下面的屏幕截图所示：

日期选择器应显示在“创建时间”字段的正上方。我也尝试了Kartik's DatePicker，结果相同。

我的代码是：

<?php

use dosamigos\datepicker\DatePicker;

    <?= $form->field($model, 'create_time')->widget(DatePicker::className(), [
        'template' => '{input}{addon}',
        'clientOptions' => [
            'autoclose' => true,
            'format' => 'yyyy-mm-dd'
        ]
    ]) ?>

使用Yii2 CRUD生成器生成表单的其余部分。

Answer 1

尝试以这种方式使用小部件：

<?php echo '<label class="control-label">Create Time</label>'; ?>
<?= DatePicker::widget([
    'attribute' => 'create_time',
    'model' => $model,
    //'language' => 'ru',
    'dateFormat' => 'dd-MM-yyyy',
    ]) ?>

希望这有帮助。

Answer 2

尝试inline => true：

<?= $form->field($model, 'create_time')->widget(DatePicker::className(), [
    'template' => '{input}{addon}',
    'inline' => true, 
    'clientOptions' => [
        'autoclose' => true,
        'format' => 'yyyy-mm-dd'
    ]
]) ?>

有关更多配置选项。

• http://bootstrap-datepicker.readthedocs.org/en/release/

Answer 3

我也遇到过这个问题。检查应用于正文的任何​​ margin-top 属性，并将其更改为 padding-top

body {
  color: #73879C;
  background: #fff;
  font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.471;
  /*margin-top: 58px;*/
  padding-top: 58px;
}

它会解决你的问题!!!