Yii 2.0 時間日期插件之yii2-date-picker-widget

1.與上一種相同,可以通過composer 安裝,安裝命令:composer require 2amigos/yii2-date-time-picker-widget:~1.0直接等待命令完成就可以了;

2.手動安裝

a)下載安裝包

i.下載地址:
https://github.com/2amigos/yii2-date-time-picker-widget
下載下來是:yii2-date-time-picker-widget-master.zip,直接解壓之後文件夾名爲yii2-date-time-picker-widget-master,你需要把它改爲
yii2-date-picker-widget,並在vendor 文件夾下建一個新的文件夾,命名爲:2amigos,再把yii2-date-picker-widget放在這個文件中;
ii.另外,你還需下載bootstrap-datepicker,這裏面是一些支持這個擴展運行的js文件,可以在網上搜一下,下載好了之後,放在vendor/bower/目錄下即可
iii.文件下載完成之後,需要進行簡單的配置一下,打開文件:vendor/yiisoft/extensions.php,這個文件都是配置的一些擴展,在這個文件最後加上代碼:

'2amigos/yii2-date-picker-widget' => 
    array (
         'name' => '2amigos/yii2-date-picker-widget',
        'version' => '1.0.5.0',
        'alias' => 
            array (
                '@dosamigos/datepicker' => $vendorDir . '/2amigos/yii2-date-picker-widget/src'
     ),
 ),

iv.配置就算搞定了!

b)擴展的使用

<?php
use app\models\Date;
use yii\widgets\ActiveForm;
use dosamigos\datepicker\DatePicker;
 ?>
<table><tr><td>
 <?php 
$model=new Date();
$form = ActiveForm::begin([
'action' => ['campaign/getalltransactions'],
'method'=>'post',
]); ?>
<?= $form->field($model, 'date_start')->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'
]
]);?>
<?php ActiveForm::end(); ?>
</td></tr></table>

顯示效果如下:
這裏寫圖片描述

注意:我只是把怎樣調用這些插件的安裝及使用過程記錄了以下,具體的自定義可以在網上查下,也可以在下載的github網站下方查找,如果是用composer安裝的,可以在README.md中查看以下。建議最好使用composer安裝,因爲不需要自己配置,不然需要自己去下載對應需要的js取支持擴展運行。

發佈了23 篇原創文章 · 獲贊 21 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章