CJudiDatePicker时间控件是让用户在表单中输入时间的:
调用方法:
<? php
$this-> widget('zii.widgets.jui.CJudatePicker',array(
'language'=>'zh-cn',
'name'=>'worktime[star]',
'value'=> $query['star']? $query['star']: 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中就是:
<input type="textt" name="worktime[start]" value="2013-11-06" id="worktime_start)" maxlength="8" style="height:18px" class="hasDatepicker" >
<input src="/oss/images.calendar.gif" alt="">
showAnim:日历框出现的动画效果,可选值slideDown, show(the default), slideDown, fadeIn, fold 等
showOn:日历框如何被触发,both:点图标和输入框均可;focus:点输入框;button:点图标
buttonImage:图标图片地址
maxDate:可选的最大日期,对应的还有minData
dateFormat:日历数据格式。注意,上面value的日期格式必须与此处一致,否则数据不会与控件匹配。
htmlOptions:input框的一些html设置