服务器之家

服务器之家 > 正文

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

时间:2020-12-15 16:15     来源/作者:rogerzhanglijie

本文实例讲述了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
2
3
4
5
6
7
8
9
<?= DatePicker::widget([
  'model' => $model,
  'attribute' => 'date',
  'template' => '{addon}{input}',
    'clientOptions' => [
      'autoclose' => true,
      'format' => 'dd-M-yyyy'
    ]
]);?>

方法2. ActiveForm方式

?
1
2
3
4
5
6
7
8
9
10
11
<?= $form->field($model, 'date')->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' => 'dd-M-yyyy'
    ]
]);?>

希望本文所述对大家基于Yii框架的PHP程序设计有所帮助。

标签:

相关文章

热门资讯

2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全
2020微信伤感网名听哭了 让对方看到心疼的伤感网名大全 2019-12-26
Intellij idea2020永久破解,亲测可用!!!
Intellij idea2020永久破解,亲测可用!!! 2020-07-29
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享
歪歪漫画vip账号共享2020_yy漫画免费账号密码共享 2020-04-07
电视剧《琉璃》全集在线观看 琉璃美人煞1-59集免费观看地址
电视剧《琉璃》全集在线观看 琉璃美人煞1-59集免费观看地址 2020-08-12
最新idea2020注册码永久激活(激活到2100年)
最新idea2020注册码永久激活(激活到2100年) 2020-07-29
返回顶部