Kalender CJuiDatePicker/CActiveForm Yii Framework

Assalamualaikum wr.wb

Untuk Kesempatan kali ini saya akan sedikit berbagi pengetahuan saya tentang YII, Yach yii sudah pada tahu kan bahwa yii adalah salah satu framework php yang mana sekarang yii sendiri sudah ada versi dua yakni yii2. Untuk pembahasan yii lebih lanjut kan dibahs pada artikel selanjutny. Pada artikel ini akan lebih membahas bagaimana memaniulasi form atau input data dengan menggunkan widget yang mana dalam artikel ini dalam penginputan tanggal dengan menggunakan CJuiDatePicker/CActiveForm Yii Framework yang mana pada saat penginputan data tanngal tidak perlu menulis melainkan hanya perlu memilih tombol button disamping form input dan tinggal menuliskan tanggal berapa data yang akan dimasukkan kedalam textfield.
Penampakkan gambar



widget('zii.widgets.jui.CJuiDatePicker', array(
    'model'=>$model,
    'attribute'=>'dari_tanggal',
    'value'=>$model->dari_tanggal,
     'options'=>array(
       'showOn'=>'button',
              'showButtonPanel'=>true,
       'autoSize'=>true,
              'dateFormat'=>'yy-mm-dd',
       'defaultDate'=>$model->dari_tanggal,
     ),
 )); ?>   
Pada code program diatas saya menggunakan variabel bernama dari_tanggal bisa disesuaikan dengan yang diinginkan. Pada model penampilan kalender digunakan tombol button lihat pada code showOn(button) bisa dirubah menjadi dalam bentuk lain sesuai keinginan misal showAnim tidak berlu (button) cukup cursor diarahkan ke textfield maka akan memunculkan kalendernya sendiri. Autosize ukura yang akan ditampilkan kalender. dateFormat untuk format yang dimasukkan kedalam inputan kalender disitu menggunakan format yy-mm-dd (year-mount-date). Deafault date untuk menggunakan model default dari variabel tanggal tersebut.

Cukup sekian penjelasan dari saya semoga bisa membantu.
Wassalam.
    Blogger Comment
    Facebook Comment

16 komentar:

  1. 49B73Katie46A624/14/2024 07:23:00 pm

    0BEDA
    matadorbet
    ----
    ----
    ----
    ----
    ----
    ----
    ----
    ----

    ReplyDelete

Thanks For Your Feedback.