Home > php教程 > php手册 > yii时间控件的使用

yii时间控件的使用

WBOY
Release: 2016-06-13 10:52:44
Original
752 people have browsed it

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


调用方法
[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代码如下:
[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里,并用单引号引起来。

 

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template