【问题标题】:Yii2: Correct Way to use Jui DatePickerYii2:Jui DatePicker 的正确使用方法
【发布时间】:2015-05-04 21:57:42
【问题描述】:

我的 Jui 日期时间选择器工作正常,我不确定我是否在任何地方对配置进行了任何更改,但现在日期选择器字段显示的格式好像是在询问日期时间。

这是我的日期字段代码:

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

【问题讨论】:

    标签: php jquery date yii2


    【解决方案1】:

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

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

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

    ICU 格式的替代方案:

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

    查看$dateFormat 属性的官方文档。

    【讨论】:

    • 非常感谢 arogachev
    【解决方案2】:

    你可以帮忙... 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'],]); ?>
    

    【讨论】:

      【解决方案3】:

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

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

      【讨论】:

        猜你喜欢
        • 2015-02-04
        • 1970-01-01
        • 1970-01-01
        • 2023-03-28
        • 1970-01-01
        • 2015-04-07
        • 1970-01-01
        • 2015-07-08
        • 1970-01-01
        相关资源
        最近更新 更多