Yii中使用datepicker

Yii中使用datepicker的几种方式

一，前端展示
例1，最简单好用的方式。简单在于不需要$model
Php代码
$this->widget('zii.widgets.jui.CJuiDatePicker',array(
'attribute'=>'visit_time',
'language'=>'zh_cn',
'name'=>'visit_time',
'options'=>array(
'showAnim'=>'fold',
'showOn'=>'both',
'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',
'buttonImageOnly'=>true,
'minDate'=>'new Date()',
'dateFormat'=>'yy-mm-dd',
),
'htmlOptions'=>array(
'style'=>'height:18px',
),
));
?>
$
$this->widget('zii.widgets.jui.CJuiDatePicker',array(

'attribute'=>'visit_time',

'language'=>'zh_cn',

'name'=>'visit_time',

'options'=>array(

'showAnim'=>'fold',

'showOn'=>'both',

'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',

'buttonImageOnly'=>true,

'minDate'=>'new Date()',

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

),

'htmlOptions'=>array(

'style'=>'height:18px',

),
)
));
?
?>

 

例2：
Php代码
$this->widget('zii.widgets.jui.CJuiDatePicker',array(
'attribute'=>'visit_time',
'language'=>'zh_cn',
'model'=>$repairInfo,
'name'=>$repairInfo->visit_time,
'options'=>array(
'showAnim'=>'fold',
'showOn'=>'both',
'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',
'buttonImageOnly'=>true,
'minDate'=>'new Date()',
'dateFormat'=>'yy-mm-dd',
),
'htmlOptions'=>array(
'style'=>'height:18px',
),
));
?>
$
$this->widget('zii.widgets.jui.CJuiDatePicker',array(

'attribute'=>'visit_time',

'language'=>'zh_cn',

'model'=>$repairInfo,

'name'=>$repairInfo->visit_time,

'options'=>array(

'showAnim'=>'fold',

'showOn'=>'both',

'buttonImage'=>Yii::app()->request->baseUrl.'/images/calendar.gif',

'buttonImageOnly'=>true,

'minDate'=>'new Date()',

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

),

'htmlOptions'=>array(

'style'=>'height:18px',

),
)
));
?
?>

 

例3：
Php代码

php代码

 

 

其他参数，可以参考jquery datepicker手册，然后将其放在上面的options里，并用单引号引起来。
http://jqueryui.com/demos/datepicker/

如设置最小日期为当前日期：'minDate'=>'new Date()',

二，后端获取
可以通过上面$model来获取，对应数据库中的一个表。
也可以使用js通过普通的方式获取其值。上面的日历，最终会生成一个input表单，用firebug查看其id，然后再获取该id的值，即可获取选择的日期。再通过get/post/ajax方式发送到后端。