1.与上一种相同,可以通过composer 安装,安装命令:composer require 2amigos/yii2-date-time-picker-widget:~1.0直接等待命令完成就可以了;
2.手动安装
a)下载安装包
i.下载地址:
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放在这个文件中;
ii.另外,你还需下载bootstrap-datepicker,这里面是一些支持这个扩展运行的js文件,可以在网上搜一下,下载好了之后,放在vendor/bower/目录下即可
iii.文件下载完成之后,需要进行简单的配置一下,打开文件: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'
),
),
iv.配置就算搞定了!
b)扩展的使用
<?php
use app\models\Date;
use yii\widgets\ActiveForm;
use dosamigos\datepicker\DatePicker;
?>
<table><tr><td>
<?php
$model=new Date();
$form = ActiveForm::begin([
'action' => ['campaign/getalltransactions'],
'method'=>'post',
]); ?>
<?= $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>
显示效果如下:
注意:我只是把怎样调用这些插件的安装及使用过程记录了以下,具体的自定义可以在网上查下,也可以在下载的github网站下方查找,如果是用composer安装的,可以在README.md中查看以下。建议最好使用composer安装,因为不需要自己配置,不然需要自己去下载对应需要的js取支持扩展运行。