yii2.0使用bootstrap中日期插件

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

使用composer安装 日期插件

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

或  composer require 2amigos/yii2-date-picker-widget:~1.0

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

use dosamigos\datepicker\DatePicker;
<span>开始时间：</span>

//方法一：使用widget方式1

<?=DatePicker::widget([
　　'name' => 'jui-start-time', 
　　'template' => '{addon}{input}',
　　'clientOptions' => [
　　　　'autoclose' => true,
　　　　'format' => 'yyyy-mm-dd'
　　]
]);?>

//方法二：使用widget方式2

<?= DatePicker::widget([
　　'model' => $model,
　　'attribute' => 'date',
　　'template' => '{addon}{input}',
　　'clientOptions' => [
　　　　'autoclose' => true,
　　　　'format' => 'yyyy-mm-dd'
　　]
]);?>

//方法三：ActiveForm方式

<?= $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' => 'yyyy-mm-dd'
　　]
]);?>

 

 

 显示：

 

参考：http://www.qianbo.com.cn/Study/Program/60054.html

二、使用yii2自带的插件

<?=\yii\jui\DatePicker::widget([
    'name' => 'Staff[birthday]',
    'value' => $model->birthday,
    'dateFormat' => 'yyyy-MM-dd',
    'options' => ['placeholder'=>'出生日期', 'class'=>'form-control']
]) ?>