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'
       ],
]);?>

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