代码之家 › 专栏 › 技术社区 › Beginner m latha

更新时yii2 kartik/date/datepicker显示错误格式

active-form yii2 datepicker date

Beginner m latha · 技术社区 · 6 年前

我在ActiveForm中使用Kartik日期选取器。

use kartik\date\DatePicker;

我的ActiveForm字段:

    <?= $form->field($model, 'transferred_date')->widget(DatePicker::className(), [
                        'value' => date('d-M-Y', strtotime('+2 days')),
                        'options' => ['placeholder' => 'Select date ...'],
                        'pluginOptions' => [
                            'format' => 'dd-mm-yyyy',
                            'todayHighlight' => true
                        ]
    ])->label('Transferred Date');
?>

同时创造我将其保存为UTC日期格式:

$model->transferred_date = new \MongoDB\BSON\UTCDateTime(strtotime($postModel['transferred_date'])*1000);

当我更新 ,显示为

我需要这个作为

3 回复 | 直到 6 年前

Muhammad Omer Aslam 6 年前

您必须向小部件提供格式化的日期。

使用时 ActiveForm 您可以覆盖 afterFind() 为特定模型设置日期格式并重写 transferred_date 字段。

对于格式化,可以使用 yii-i18n-formatter 通过在配置文件中定义组件 common/config/main.php 如果使用 advanced-app 或 config/web.php 如果使用 basic-app .

在配置文件中添加以下内容

'components'=>[
    'formatter' => [
        'dateFormat'=>'dd-MM-yyyy',
        'datetimeFormat' => 'yyyy-MM-dd HH:mm:ss',
    ],
]

在模型中添加以下内容

public function afterFind() {
    parent::afterFind ();
    $this->transferred_date=Yii::$app->formatter->asDate($this->transferred_date);
}

现在将字段定义更改为“下方”,并刷新页面

<? = $form->field ( $model , 'transferred_date' )->widget ( DatePicker::className () , [
    'options' => [ 'placeholder' => 'Select date ...' ] ,
    'pluginOptions' => [
       'format' => 'dd-mm-yyyy' ,
       'todayHighlight' => true
    ]
] )->label ( 'Transferred Date' );
?>

Vandro.nds 6 年前

你需要这样安排你的日期:

'value' => $model->isNewRecord ? date('d-m-Y', strtotime('+2 days')) : date('d-m-Y', strtotime($model->transferred_date));

Mohamad ali Zayat 6 年前

好的,我的朋友,你所需要的就是在你的活动表单中更改日期选择器小部件的格式,如下所示

 <?= $form->field($model, 'transferred_date')->widget(DatePicker::className(), [
                        'value' => date('d-M-Y', strtotime('+2 days')),
                        'options' => ['placeholder' => 'Select date ...'],
                        'pluginOptions' => [
                            'format' => 'dd-mm-yy',
                            'todayHighlight' => true
                        ]
    ])->label('Transferred Date');
?>

推荐文章

OccamsRazor · MUI v5日期选择器:有没有办法移除SwitchViewButton?

2 年前

Maria · 如何将DatePicker(@mui)值提升到父组件?

2 年前

Liana · React DayPicker样式占位符

6 年前

Mr world wide · 如何将Bootstrap 3 Datepicker自定义为只有日期而没有时间戳

6 年前

Malik Mahsam Awan · 角度4中显示的日期落后一个月

6 年前

Corey · 安装“element ui”:“^2.3.7”时,如何在“date picker”中禁用天数数组?

6 年前

Sinem · 如何打开自动日期选择器范围出发

6 年前

user3794667384 · 增加分钟工作,但不增加小时?

6 年前

kry · 单击标签上的JQuery datepicker

6 年前

Nuwan Withanage · Android日期选择器片段不能设置为自定义日期

6 年前