1.與上一種相同,可以通過composer 安裝,安裝命令:composer require “janisto/yii2-timepicker” “*” 直接等待命令完成就可以了;
2.手動安裝
a)下載地址:https://github.com/janisto/yii2-timepicker,下載下來是yii2-timepicker-master.zip文件,解壓之後的文件夾名爲:yii2-timepicker-master,改名爲:yii2-timepicker,然後在vendor文件夾下簡歷一個新的文件夾janisto,再把yii2-timepicker放進去;
b)另外,你還需下載jqueryui-timepicker-addon,這裏面是一些支持這個擴展運行的js文件,可以在網上搜一下,下載好了之後,放在vendor/bower/目錄下即可
c)文件下載完成之後,需要進行簡單的配置一下,打開文件:vendor/yiisoft/extensions.php,這個文件都是配置的一些擴展,在這個文件最後加上代碼:
'janisto/yii2-timepicker' =>
array (
'name' => 'janisto/yii2-timepicker',
'version' => '1.1.0.0',
'alias' =>
array (
'@janisto/timepicker' => $vendorDir . '/janisto/yii2-timepicker/src',
),
),
3.擴展的使用
<?php
use app\models\Date;
use yii\widgets\ActiveForm;
use janisto\timepicker\TimePicker;
?>
<table><tr><td>
<?php
$model=new Date();
$form = ActiveForm::begin([
'action' => ['campaign/getalltransactions'],
'method'=>'post',
]); ?>
<?= $form->field($model, 'date_end')->widget(TimePicker::className(), [
//'language' => 'zh-cn',
'mode' => 'datetime',
'clientOptions'=>[
'dateFormat' => 'yy-mm-dd',
'timeFormat' => 'HH:mm:ss',
'showSecond' => true,
'autoclose' => true,
]
])->label('Date End:') */?><?php ActiveForm::end(); ?>
</td></tr></table>
顯示效果如下:
注意:我只是把怎樣調用這些插件的安裝及使用過程記錄了以下,具體的自定義可以在網上查下,也可以在下載的github網站下方查找,如果是用composer安裝的,可以在README.md中查看以下。建議最好使用composer安裝,因爲不需要自己配置,不然需要自己去下載對應需要的js取支持擴展運行。