Yii Framework 開發(fā)教程(36) Zii 組件-DatePicker 示例

CJuiDatePicker 用于日期輸入，它封裝了 JUI datepicker插件，其基本用法如下：

    <?php echo $form->errorSummary($model); ?>

     <?php
     $this->widget('zii.widgets.jui.CJuiDatePicker', array(
        'name'=>'my_date',
        'language'=>'en',
        'options'=>array(
        // 'show' (the default), 'slideDown', 'fadeIn', 'fold'
                    'showAnim'=>'fold',
                    'showOn'=>'button', // 'focus', 'button', 'both'
                    'buttonText'=>'Select form calendar',
                    'buttonImage'=>'images/calendar.png',
                    'buttonImageOnly'=>true,
                    ),
                'htmlOptions'=>array(
                    'style'=>'width:80px;vertical-align:top'
                    ),
                ));

     ?>
    <div class="row submit">
    <?php echo CHtml::submitButton('Submit'); ?>
    </div>

    <?php $this->endWidget(); ?>
    </div><!-- form -->

為了獲取輸入的日期，首先為 CJuiDatePicker 的 Name 屬性賦值，本例為 my_date，然后定義 DataModel

    class DataModel extends CFormModel
    {
        public $my_date;
    }

當(dāng)用戶提交時，顯示用戶輸入的日期，修改 SiteController 的 actionIndex

    public function actionIndex()
    {

        $model=new DataModel();

        if(!empty($_POST['my_date']))
        {
            $model->my_date=$_POST['my_date'];

            if($model->validate()) {
                $this->render('result', array(
                    'model' => $model,

                    ));
               return;
            }

        }

        $this->render('index', array(
                'model' => $model,

                ));
    }

http://wiki.jikexueyuan.com/project/yii-development-tutorial/images/36.1.jpg" alt="picture36.1" />

本例下載