Yii Framework 开发教程(36) Zii组件-DatePicker示例

来源：互联网发布：JS添加删除class 编辑：程序博客网时间：2024/05/05 00:24

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;}

当用户提交时，显示用户输入的日期，修改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,));}

本例下载