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>