这篇文章主要介绍了Yii2框架引用bootstrap中日期插件yii2-date-picker的方法,实例分析了yii2-date-picker插件的具体使用步骤与相关技巧,需要的朋友可以参考下。

本文实例讲述了Yii2框架引用bootstrap中日期插件yii2-date-picker的方法，分享给大家供大家参考，具体如下：

最近在学习yii2 框架，发现框架很强大，而且结合了时下许多新的技术在里面。

简单记录一下yii2-date-picker插件的使用方法：

首先先了解一下github中的相关资源：https://github.com/2amigos/yii2-date-picker-widget

其次：在自己的项目中利用上面链接中的相关方法下载此资源，命令为：

php composer.phar require "2amigos/yii2-date-picker-widget" "*"

最后，在视图文件中使用下面的代码:

use dosamigos\datepicker\DatePicker;

例子中提供了两种方法：

方法1. 使用widget方式

1. <?= DatePicker::widget([ 
2.   'model' => $model, 
3.   'attribute' => 'date', 
4.   'template' => '{addon}{input}', 
5.     'clientOptions' => [ 
6.       'autoclose' => true, 
7.       'format' => 'dd-M-yyyy' 
8.     ] 
9. ]);?> 

方法2. ActiveForm方式

1. <?= $form->field($model, 'date')->widget( 
2.   DatePicker::className(), [ 
3.     // inline too, not bad 
4.     'inline' => true, 
5.     // modify template for custom rendering 
6.     'template' => '<div class="well well-sm" style="background-color: #fff; width:250px">{input}</div>', 
7.     'clientOptions' => [ 
8.       'autoclose' => true, 
9.       'format' => 'dd-M-yyyy' 
10.     ] 
11. ]);?>

Tags: Yii2框架 bootstrap yii2-date-picker

分享到：