Yii 2 - Membuat Bootstrap Datepicker

- December 15, 2015
0 (0 votes)
Rate :
Cara membuat bootstrap datepicker pada yii 2 framework

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


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.


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' => [


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

– Eric S. Raymond

Have a better explanation?

If you have comments about this post. Please write your comments below

No comments associated with this article