Yii2:正确使用Jui DatePicker的方法

时间:2015-03-04 02:08:46

标签: php jquery date yii2

我的Jui Date Time Picker工作得很好,我不确定我是否在任何地方对配置进行了任何更改,但现在日期选择器字段显示的格式就好像要求时间与日期一样。

这是我的日期字段代码:

<?= $form->field($model, 'joining_date')->widget(DatePicker::className(),
                    ['clientOptions' =>[
                        'dateFormat' => 'dd-mm-yyyy',
                        'showAnim'=>'fold',
                        'changeMonth'=> true,
                        'changeYear'=> true,
                        'autoSize'=>true,
                         'showOn'=> "button",
                         'buttonImage'=> "images/calendar.gif",
                        'htmlOptions'=>[
                        'style'=>'width:80px;',
                        'font-weight'=>'x-small',
                        ],]]) ?> 

在我的Web.php配置中,日期的相关代码就像

'formatter' => [
        'defaultTimeZone' => 'UTC',
        'timeZone' => 'Asia/Kolkata',
        'dateFormat' => 'php:d-m-Y',
        'datetimeFormat'=>'php:d-M-Y H:i:s'
        ],

现在我正在尝试输入我在2014年7月12日获得该字段的日期: 在场后的冒号,好像我需要添加时间部分,从哪里来,我无法找到。

date-picker

3 个答案:

答案 0 :(得分:5)

最近我遇到了同样的问题。

dateFormat不再是clientOptions的一部分,应该像这样指定:

<?= $form->field($model, 'joining_date')->widget(DatePicker::className(), [
    'dateFormat' => 'php:d-m-Y',
] ?>

ICU格式的替代方案:

'dateFormat' => 'dd/MM/yyyy',

请参阅$dateFormat属性的官方文档。

答案 1 :(得分:0)

你可以帮忙... Yii默认日期格式取自配置(这就是YII的强大功能:) 在组件下你有结合日期....一些如何!!!

 'formatter'=>[
            'class'=>'yii\i18n\Formatter',
            //'dateFormat' =>'MM/dd/yyyy',
            'dateFormat' => 'php:d M Y',
            'datetimeFormat' => 'php:d-M-Y H:i:s',
            'timeFormat' => 'php:H:i:s',

        ],


use yii\jui\DatePicker; 

<?php echo $form->field($ShipmentTypeForm, 'shipmendate')->widget(DatePicker::className(), [
      'options' => ['class' => 'form-control input-sm','readOnly'=>'readOnly'],]); ?>

答案 2 :(得分:-1)

或者使用Bootstrap datepicker。您只需要包含适当的JS文件并调用如下内容:

<?= $form->field($model, 'inputName', ['inputOptions'=>['class'=>'form-control datepicker']])->textInput() ?>
相关问题