Yii 2.0 时间日期插件之yii2-date-picker-widget

来源:互联网 发布:北京php讲师招聘 编辑:程序博客网 时间:2024/04/24 11:04

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)扩展的使用

<?phpuse 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取支持扩展运行。

1 0