我们的表单中经常需要用户输入时间,yii中有很方便的时间控件cjuidatepicker可供使用,得到的效果如下:
调用方法
[php]
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代码如下:
[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里,并用单引号引起来。
http://www.bkjia.com/phpjc/477924.htmlwww.bkjia.comtruehttp://www.bkjia.com/phpjc/477924.htmltecharticle我们的表单中经常需要用户输入时间,yii中有很方便的时间控件cjuidatepicker可供使用,得到的效果如下: 调用方法 [php] ?php $this-widget(zii.w...