這個坑好深,用了好多版本的不行
1.與上一種相同,可以通過composer 安裝,安裝命令:composer require 2amigos/yii2-date-time-picker-widget:~1.0直接等待命令完成就可以了;
2.手動安裝
a)下載安裝包
①.下載地址:
https://github.com/2amigos/yii2-date-time-picker-widget
下載下來是:yii2-date-time-picker-widget-master.zip,直接解壓之後文件夾名爲yii2-date-time-picker-widget-master,你需要把它改爲
yii2-date-picker-widget,並在vendor 文件夾下建一個新的文件夾,命名爲:2amigos,再把yii2-date-picker-widget放在這個文件中;
②.另外,你還需下載bootstrap-datepicker,這裏面是一些支持這個擴展運行的js文件,可以在網上搜一下,下載好了之後,放在vendor/bower-asset/目錄下,重命名爲smalot-bootstrap-datetimepicker(否則提示找不到這個文件夾)即可
一定要注意路徑的拼寫,第一次犯的錯就是拼寫錯了路徑,耽擱半天時間,
③.文件下載完成之後,需要進行簡單的配置一下,打開文件:vendor/yiisoft/extensions.php,這個文件都是配置的一些擴展,在這個文件最後加上代碼:
'2amigos/yii2-date-picker-widget' =>
array (
'name' => '2amigos/yii2-date-picker-widget',
'version' => '1.0.5.0',
'alias' =>
array (
'@dosamigos/datepicker' => $vendorDir . '/2amigos/yii2-date-picker-widget/src'
),
),
④.配置到這裏,就算搞定了,下面上代碼!
b)擴展的使用
<?php
use app\models\Date;
use yii\widgets\ActiveForm;
use dosamigos\datepicker\DatePicker;
?>
<table><tr><td>
<?= $form->field($model, 'date_start')->widget(
DatePicker::className(), [
// inline too, not bad
'inline' => true,
// modify template for custom rendering
'template' => '<div class="well well-sm" style="background-color: #fff; width:250px">{input}</div>',
'clientOptions' => [
'autoclose' => true,
'format' => 'yyyy-mm-dd'
]
]);?>
<?php ActiveForm::end(); ?>
</td></tr></table>
爲前面遇到的坑做個記錄,方便以後查詢