yii 时间控件

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


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


注:
更多其他参数,可以参考jquery datepicker手册,然后将其放在上面的options里,并用单引号引起来。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值