Yii 2 – Implementasi bootstrap datepicker Yii

Pada artikel kali ini kita akan membahas bagaimana cara membuat datepicker bergaya twitter bootstrap pada Yii2 Framework. Kita akan menggunakan yii2-widget-datepicker miliknya kartik untuk implement bootstrap datepicker pada Yii Framework.

Install

Instalasi widget ini menggunakan composer, jadi jika belum memiliki composer silahkan install terlebih dahulu.

Jalankan perintah ini pada console

php composer.phar require kartik-v/yii2-widget-datepicker "@dev"

atau tambahkan kode dibawah ini pada file composer.json anda.

"kartik-v/yii2-widget-datepicker": "@dev"

lalu jalankan perintah composer update.

Penggunaan

Tanpa menggunakan model

use kartik\date\DatePicker;
echo '<label>Tanggal</label>';
echo DatePicker::widget([
    'name' => 'tanggal',
    'options' => ['placeholder' => 'Pilih tanggal ...'],
    'pluginOptions' => [
        'format' => 'dd-M-yyyy',
        'todayHighlight' => true
    ]
]);

Penggunaan dengan model

use kartik\date\DatePicker;
echo $form->field($model, 'atribut_tanggal')->widget(DatePicker::classname(), [
    'options' => ['placeholder' => 'Masukkan tanggal ...'],
    'pluginOptions' => [
        'autoclose'=>true
    ]
]);

Resource

• https://demos.krajee.com/widget-details/datepicker

Alfa Adhitya Member since December 18, 2019

Computer science education cannot make anybody an expert programmer any more than studying brushes and pigment can make somebody an expert painter – Eric S