`

`
Powered by Blogger.

Cara membuat Tanggal menggunakan CjuiDatePicker di YII framework



Mungkin pada tampilan defaulth CRUD pada yii masih standart/klasik. pada masalah kali ini saya akan membahas, bagaimana cara membuat button tanggal menggunakan Cjuidatepicker.
Kenapa harus menggunakan exstension tersebut?

1. simple dalam form masukan
2. dapat memunculkan tanggal secara otomatis


Langsung aja ke tkp gan :

1. pertama, kita harus download exstension date pada yii exstension. download DISINI
2. Setelah anda download ekstrack file tersebut folder root/local server anda.
3. contoh : c:/xampp/htdocs/NAMAFOLDERANDA/
4. kemudian ekstract sesuai folder yang ada didalam rar cjuidatepicker.

isi dalam folder rar

5. masukkan folder asset ke folder asset web
6. seperti gambar dibawah ini :



7. kemudian copy file controller BJuiDateTimePicker ke folder controller kita.seperti dibawah ini:






ISI CODE DEFAULTHNYA :





<div class="row">
<?php echo $form->labelEx($model,'birthday'); ?>
<?php //echo $form->textField($model,'birthday');
$this->widget('zii.widgets.jui.CJuiDatePicker', array(
'name'=>'Employee[birthday]',
'value'=>$model->birthday,
'options'=>array(
'showAnim'=>'fold',
'dateFormat'=>'yy-mm-dd',
'changeMonth'=> 'true',
'changeYear'=> 'true',
),
));
?>
<?php echo $form->error($model,'birthday'); ?>
</div>



Kemudian cara penggunaan pada form php nya. disini saya beri contoh pada siswa :

  <div class="row">
        <?php echo $form->labelEx($model,'tanggal_lahir'); ?>
        <?php //echo $form->textField($model,'birthday');
         $this->widget('zii.widgets.jui.CJuiDatePicker', array(
            'name'=>'siswa[tanggal_lahir]',
            'value'=>$model->tanggal_lahir,
            'options'=>array(
                'showAnim'=>'fold',
                'dateFormat'=>'yy-mm-dd',
                 'changeMonth'=> 'true',
                'changeYear'=> 'true',
            ),
        ));
         ?>
        <?php echo $form->error($model,'tanggal_lahir'); ?>
    </div>
</div>



Jika berhasil akan muncul date seperti dibawah ini :




KETERANGAN :

Untuk code warna merah, ganti dengan nama tabel tanggal anda.
kemudian untuk warna hijau yaitu siswa, ganti dengan nama tabel untuk pengisian form


Apabila masih bingung, silahkan komentar aje dibawah ini ya gan....
keep smiling....
Bagikan :
+
Previous
Next Post »
2 Komentar untuk "Cara membuat Tanggal menggunakan CjuiDatePicker di YII framework"

gan error di $model,,, ini ada settingan lain lagi gak,, makasih...

gan kenapa saya udah edit semua nya tapi saat di input terjadi error

 
Template By Kunci Dunia
Back To Top