Yii2 簡單DateTimePicker

說明：日期時間控件非常常用，這里簡單寫下YII2日期時間插件的使用方式,YII2有兩種日期時間控件的方式；

分別是通過　（1）　"kartik-v/yii2-widget-datetimepicker": "*"  來安裝控件

以及通過      （2）  "trntv/yii2-file-kit": "@stable" 安裝控件

這兩種都可以滿足日期時間的需求，使用方式上略有不同；

 

學習url:

           https://github.com/trntv 控件

 

           https://github.com/2amigos?page=1

 

第一種使用介紹：

        （1）通過在 composer.json 中加入"kartik-v/yii2-widget-datetimepicker": "*"  

　　　（2）其次 通過Composer update 來更新 composer.json 然而加載 日期時間插件

          如圖(1)：

 

　　　　如圖(2):

 

即可完成安裝；

 

　　　　（3）安裝好之后，如果你的表單使用ActiveForm生成的，可以參考下面的代碼　　

安裝好之后，如果你的表單使用ActiveForm生成的，可以參考下面的代碼

use kartik\datetime\DateTimePicker; 
<?= $form->field($model, 'created_at')->widget(DateTimePicker::classname(), [ 
      'options' => ['placeholder' => ''], 
      'pluginOptions' => [ 
      'autoclose' => true, 
       'todayHighlight' => true, 
     ] 
]); ?>

   　　　　（4）有些不喜歡用ActiveForm生成表單的同學就需要參考下面的用法了

use kartik\datetime\DateTimePicker; 
echo '<label>時間</label>'; 
echo DateTimePicker::widget([ 
   'name' => 'Article[created_at]', 
   'options' => ['placeholder' => ''], 
   //注意，該方法更新的時候你需要指定value值 
   'value' => '2016-05-03 22:10:10', 
    'pluginOptions' => [ 'autoclose' => true, 
    'format' => 'yyyy-mm-dd HH:ii:ss', 
    'todayHighlight' => true 
  ] 
]);

　　　　　（5）也可以單獨安裝日期控件方式如下

composer require kartik-v/yii2-widget-datepicker "@dev"

安裝好了后我們開始使用日期組件

use kartik\date\DatePicker; 
<?php echo DatePicker::widget([ 
     'name' => 'Article[created_at]', 
     'options' => ['placeholder' => '...'], 
     //value值更新的時候需要加上 
     'value' => '2016-05-03', 
     'pluginOptions' => [ 
     'autoclose' => true, 
     'format' => 'yyyy-mm-dd', 
    'todayHighlight' => true, 
   ] 
]); ?>

　　　　 （6）針對ActiveForm生成的日期組件

<?= $form->field($model, 'created_at')->widget(DatePicker::classname(), [ 
    'options' => ['placeholder' => ''], 
    'pluginOptions' => [ 
    'autoclose' => true, 
    'todayHighlight' => true, 
    'format' => 'yyyy-mm-dd', 
   ] 
]); ?>

 

第二種使用介紹：

　　安裝和更新 composer update 都如上，這里只介紹如何使用

     （1）引入命名空間 use dosamigos\datetimepicker\DateTimePicker;

use dosamigos\datetimepicker\DateTimePicker;

在ActiveForm中的使用方式

 <?php $form = ActiveForm::begin(['method' => 'post', 'action' => 'export']); ?>
         <?= $form->field($model, 'export_start')->widget(DateTimePicker::className(), [
        'options' => ['placeholder' => '', 'class' => 'export_start'],
         'language' => 'zh-CN',   
         'clientOptions' => [
         'autoclose' => 'true',
         'todayHighlight' => true,
        'format' => 'yyyy-mm-dd'
       ],
]);?>

 基本上日期時間控件的使用操作就如上了。