Kali ini kita akan membuat datepicker pada filter field gridview yang berada di index.php.
Modifikasi index.php yang berada di dalam folder backend/modules/settings/views/companies.
Tambahkan
|
1 |
use dosamigos\datepicker\DatePicker; |
Dan
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
[ 'attribute'=>'company_start_date', 'value'=>'company_start_date', 'format'=>'raw', 'filter'=>DatePicker::widget([ 'model' => $searchModel, 'attribute' => 'company_start_date', 'clientOptions' => [ 'autoclose' => true, 'format' => 'yyyy-m-d' ] ]) ], |
Sehingga index.php menjadi seperti ini :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 |
<?php use yii\helpers\Html; use yii\grid\GridView; use dosamigos\datepicker\DatePicker; /* @var $this yii\web\View */ /* @var $searchModel backend\models\CompaniesSearch */ /* @var $dataProvider yii\data\ActiveDataProvider */ $this->title = 'Companies'; $this->params['breadcrumbs'][] = $this->title; ?> <div class="companies-index"> <h1><?= Html::encode($this->title) ?></h1> <?php // echo $this->render('_search', ['model' => $searchModel]); ?> <p> <?= Html::a('Create Companies', ['create'], ['class' => 'btn btn-success']) ?> </p> <?= GridView::widget([ 'dataProvider' => $dataProvider, 'filterModel' => $searchModel, 'columns' => [ ['class' => 'yii\grid\SerialColumn'], //'company_id', 'company_name', 'company_email:email', 'company_address', [ 'attribute'=>'company_start_date', 'value'=>'company_start_date', 'format'=>'raw', 'filter'=>DatePicker::widget([ 'model' => $searchModel, 'attribute' => 'company_start_date', 'clientOptions' => [ 'autoclose' => true, 'format' => 'yyyy-m-d' ] ]) ], //'company_start_date', // 'company_created_date', // 'company_status', // 'logo', ['class' => 'yii\grid\ActionColumn'], ], ]); ?> </div> |
Hasilnya, pada index.php dapat di search berdasarkan tanggal :
Tutorial ini sebagai dokumentasi dan pembelajaran pribadi sekalian belajar terjemahin bahasa Inggris, dan siapa tahu bermanfaat buat orang lain. Sumber lengkapnya diambil dari Youtube DoingITEasy Channel.