作者:駱宏艷_230 | 来源:互联网 | 2014-05-15 00:47
我们的表单中经常需要用户输入时间,yii中有很方便的时间控件CJuiDatePicker可供使用,得到的效果如下:调用方法[php]<?php$this->widget('zii.widgets.jui.CJuiDatePicker',array('lan
我们的表单中经常需要用户输入时间,yii中有很方便的时间控件CJuiDatePicker可供使用,得到的效果如下:
调用方法
[php]
$this->widget(&#39;zii.widgets.jui.CJuiDatePicker&#39;,array(
&#39;language&#39;=>&#39;zh_cn&#39;,
&#39;name&#39;=>&#39;worktime[start]&#39;,
&#39;value&#39;=>$query[&#39;start&#39;] ? $query[&#39;start&#39;] : Date(&#39;Y-m-d&#39;),
&#39;options&#39;=>array(
&#39;showAnim&#39;=>&#39;fold&#39;,
&#39;showOn&#39;=>&#39;both&#39;,
&#39;buttonImage&#39;=>Yii::app()->request->baseUrl.&#39;/images/calendar.gif&#39;,
&#39;maxDate&#39;=>&#39;new Date()&#39;,
&#39;buttonImageOnly&#39;=>true,
&#39;dateFormat&#39;=>&#39;yy-mm-dd&#39;,
),
&#39;html Options&#39;=>array(
&#39;style&#39;=>&#39;height:18px&#39;,
&#39;maxlength&#39;=>8,
),
));
?>
上述代码得到的html代码如下:
[html]
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里,并用单引号引起来。