Yii2框架如何引用bootstrap中日期插件yii2-date-picker

這篇文章主要為大家展示了“Yii2框架如何引用bootstrap中日期插件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方式

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

方法2. 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" >{input}</div>',
    'clientOptions' => [
      'autoclose' => true,
      'format' => 'dd-M-yyyy'
    ]
]);?>

以上是“Yii2框架如何引用bootstrap中日期插件yii2-date-picker”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！