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取支援擴充運作。