[php] yii时间控件

我们的表单中经常需要用户输入时间，yii中有很方便的时间控件CJuiDatePicker可供使用，得到的效果如下：

调用方法

[php] view plaincopy

1. <?php  
2.     $this->widget('zii.widgets.jui.CJuiDatePicker',array(  
3.                         'language'=>'zh_cn',  
4.             'name'=>'worktime[start]',  
5.             'value'=>$query['start'] ? $query['start'] : Date('Y-m-d'),  
6.             'options'=>array(  
7.                         'showAnim'=>'fold',  
8.                         'showOn'=>'both',  
9.                         'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',  
10.                                     'maxDate'=>'new Date()',  
11.                         'buttonImageOnly'=>true,  
12.                         'dateFormat'=>'yy-mm-dd',  
13.             ),  
14.             'htmlOptions'=>array(  
15.                         'style'=>'height:18px',  
16.                         'maxlength'=>8,  
17.             ),  
18.     ));  
19. ?>  

上述代码得到的html代码如下：

[html] view plaincopy

1. <input type="text" name="worktime[start]" value="2012-11-02" id="worktime_start" maxlength="8" style="height:18px" class="hasDatepicker">  
2. <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设置，如样式，最大长度等。