当前位置:首页 > CMS教程 > 其它CMS > 列表

Yii2框架引用bootstrap中日期插件yii2-date-picker的方法

发布:smiling 来源: PHP粉丝网  添加日期:2021-07-05 10:18:18 浏览: 评论:0 

这篇文章主要介绍了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

分享到: