CJuiDatePicker 用于日期输入，它封装了 JUI datepicker插件，其基本用法如下：
errorSummary($model); ?> 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' ), )); ?> endWidget(); ?>
为了获取输入的日期，首先为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, ));}