我们的表单中经常需要用户输入时间，yii中有很方便的时间控件CJuiDatePicker可供使用，得到的效果如下：
调用方法
代码语言：javascript复制<?php
$this->widget('zii.widgets.jui.CJuiDatePicker',array(
'language'=>'zh_cn',
'name'=>'worktime[start]',
'value'=>$query['start'] ? $query['start'] : Date('Y-m-d'),
'options'=>array(
'showAnim'=>'fold',
'showOn'=>'both',
'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',
'maxDate'=>'new Date()',
'buttonImageOnly'=>true,
'dateFormat'=>'yy-mm-dd',
),
'htmlOptions'=>array(
'style'=>'height:18px',
'maxlength'=>8,
),
));
?>上述代码得到的html代码如下：
代码语言：javascript复制<input type="text" name="worktime[start]" value="2012-11-02" id="worktime_start" maxlength="8" style="height:18px" class="hasDatepicker">
<img class="ui-datepicker-trigger" src="/oss/images/calendar.gif" alt="..." title="...">CJuiDatePicker中的参数说明 name：input标签中的name
value： input标签中的value options：主要是日历控件显示相关的 showAnim：日历框出现的动画效果，可选值 slideDown, show(the default), slideDown, fadeIn, fold 等 showOn：日历框如何被触发，both：点图标和输入框均可； focus：点输入框；button：点图标 buttonImage：图标图片地址 maxDate：可选的最大日期，对应的还有minData dateFormat：日历数据格式。注意，上面value的日期格式必须与此处一致，否则数据不会与控件匹配。
htmlOptions：input框的一些html设置，如样式，最大长度等。
注： 更多其他参数，可以参考 jquery datepicker手册，然后将其放在上面的options里，并用单引号引起来。
