加载中...

yii-视图- form时间控件的使用


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

方法如下:

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设置,如样式,最大长度等。

  1. <?php
  2. $this->widget('zii.widgets.jui.CJuiDatePicker',array(
  3. 'language'=>'zh_cn',
  4. 'name'=>'worktime[start]',
  5. 'value'=>$query['start'] ? $query['start'] : Date('Y-m-d'),
  6. 'options'=>array(
  7. 'showAnim'=>'fold',
  8. 'showOn'=>'both',
  9. 'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',
  10. 'maxDate'=>'new Date()',
  11. 'buttonImageOnly'=>true,
  12. 'dateFormat'=>'yy-mm-dd',
  13. ),
  14. 'htmlOptions'=>array(
  15. 'style'=>'height:18px',
  16. 'maxlength'=>8,
  17. ),
  18. ));
  19. ?>


还没有评论.