Implementasi 2amigos Yii2 Date Picker Widget untuk Yii 2.0

Berikut adalah contoh penggunaan widget Date Picker buatan 2amigos dengan menggunakan template Yii 2.0 Advanced. Ok, mari kita mulai!

Ada dua cara untuk install widget ini, yaitu dengan download secara manual atau bisa juga menggunakan Composer.



Alternatif 1: Download dan Install Secara Manual

Download widget Datepicker pada link berikut 2amigos/yii2-date-picker-widget

Extract file hasil download dan rename foldernya menjadi yii2-date-picker-widget. Kemudian copy folder tersebut ke folder advanced/vendor/2amigos menjadi seperti ini:

advanced/vendor/2amigos/yii2-date-picker-widget

Lanjut dengan Cara Menggunakan Widget pada artikel paling bawah dari topik ini.



Alternatif 2: Install menggunakan Composer

Selain download, cara lebih mudah untuk install extension ini adalah melalui Composer. Jika belum pernah menggunakan, silahkan pelajari dengan mudah lewat artikel Cara Mudah Menggunakan Composer.

Masuk pada direktori project Yii 2.0 anda dan ketik perintah berikut:

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

Jalankan perintah composer update:

composer update

Selesai. Lanjut dengan Cara Menggunakan Widget pada artikel paling bawah dari topik ini.



Cara Menggunakan Widget

Untuk menggunakan widget datepicker dengan model, tambahkan perintah berikut pada view anda:

<?php
...
use dosamigos\datepicker\DatePicker;
...
?>
...
<?= $form->field($model, 'field_tanggal')->widget(
    DatePicker::className(), [
        // inline too, not bad
        'inline' => false,
        'clientOptions' => [
            'autoclose' => true,
            'format' => 'yyyy-mm-dd'
        ]
    ]);?>

Selesai!

Untuk melihat contoh penggunaan datepicker lainnya anda dapat membaca pada file README.md yang tersedia di dalam folder yii2-date-picker-widget. Semoga bermanfaat.

Berbagi lebih nikmat..