Yii2.0 时间日期插件之yii-jui-datepicker

1.安装

a)直接下载文件安装

i.直接去链接：https://github.com/yiisoft/yii2-jui就可以把jui扩展下载下来，一般下载下来叫：yii2-jui-master.zip，直接解压出来，加压之后文件夹名一般是：yii2-jui，我们直接把这个文件放在vendor/yiisoft/目录下即可；

ii.还需要下载一个jquery-ui,这里面是一些支持这个扩展运行的js文件，可以在网上搜一下，下载好了之后，放在vendor/bower/目录下即可；

iii.文件下载完成之后，需要进行简单的配置一下，打开文件：vendor/yiisoft/extensions.php,这个文件都是配置的一些扩展，在这个文件最后加上代码：

iii.'yiisoft/yii2-jui' （扩展路径）=> 
 array (
     'name' => 'yiisoft/yii2-jui',（也可为扩展路径）
    'version' => '2.0.0',（版本号可在README.md中查看）
    'alias' => 
        array (
            '@yii/jui'（为命名空间） => $vendorDir . '/yiisoft/yii2-jui',（扩展路径）
        ),
 ),
           

iv.这样就算把所有的扩展配置都搞定了；

b)扩展的使用

在控制器DateController.php中显示date.php页面：

i.namespace app\controllers;
use yii\web\Controller;
class DateController extends Controller{
function actionDate(){
return $this->render('date');
}
}
           

在模型Date.php中定义一个字段：

ii.namespace app\models;
use yii\base\Model;
class Date extends Model{
    public $date_start;
    public $date_end;
}
           

在视图date.php中使用：

<?php
use app\models\Date;
use yii\widgets\ActiveForm;
use yii\jui\DatePicker;
 ?>
<table><tr><td>
 <?php 
$model=new Date();
$form = ActiveForm::begin([
'action' => ['campaign/getalltransactions'],
'method'=>'post',
]); ?>
<?=$form->field($model, 'date_start')->
widget (DatePicker::className(), ['dateFormat' => 'yyyy-MM-dd']) ?>
<?php ActiveForm::end(); ?>
</td></tr></table>
           

这样就可以了。显示结果如下：

如果直接用composer 安装就要方便很多，直接在自己的项目目录下执行命令：

composer require –prefer-dist yiisoft/yii2-jui

就可以了，执行命令之后，会把下载的文件放在对应的文件夹下面，同时也会在extensions.php文件中配置好，你直接使用就可以了。

对于显示的设置，我也没有研究全面，可以在网上搜索一下。

注意：我只是把怎样调用这些插件的安装及使用过程记录了以下，具体的自定义可以在网上查下，也可以在下载的github网站下方查找，如果是用composer安装的，可以在README.md中查看以下。建议最好使用composer安装，因为不需要自己配置，不然需要自己去下载对应需要的js取支持扩展运行。