yii 时间控件 输入框

转载：http://blog.csdn.net/qmhball/article/details/8140114
我们的表单中经常需要用户输入时间，yii中有很方便的时间控件CJuiDatePicker可供使用，得到的效果如下：




调用方法

[php] view
plaincopy

<?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] view
plaincopy

<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设置，如样式，最大长度等。
//第二种写法
<div class="row">

<?php $this->widget('zii.widgets.jui.CJuiDatePicker', array(

'attribute' => 'p_title',

// 'model'=>$model,

'value'=>'aaaa',//设置默认值,

'name'=>'date',

'options' => array(

'showAnim' => 'fold',

'dateFormat' => 'yy-mm-dd',

),

));

?></div>