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设置,如样式,最大长度等。
日期插件代码:
<?php
$this->widget('zii.widgets.jui.CJuiDatePicker', array(
'value' => $paramArr['startDate'], //设置默认值
'name' => 'startDate',
'language' => 'zh_cn',
'model' => $model,
'attribute' => 'startDate',
'flat' => false,
'options' => array(
'showAnim' => 'fadeIn',
'showOn' => 'focus',
'changeYear' => true,
'changeMonth' => true,
'buttonImageOnly' => true,
'dateFormat' => 'yy-mm-dd',
'yearRange' => '-30:+30',
),
'htmlOptions' => array(
'placeholder' => '开始日期',
),
));
?>
如果想用小时-分钟-秒的插件,必须去官网下载插件包(去官网后搜索extension/datetimepicker)
时间插件代码:
<?php
Yii::import('application.extensions.CJuiDateTimePicker.CJuiDateTimePicker');
$this->widget('CJuiDateTimePicker', array(
'model' => $news, //Model object
'attribute' => 'eventDate', //attribute name
'mode' => 'datetime' //use "time","date" or "datetime" (default)
'options' => array() // jquery plugin options
));
?>
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设置,如样式,最大长度等。
日期插件代码:
<?php
$this->widget('zii.widgets.jui.CJuiDatePicker', array(
'value' => $paramArr['startDate'], //设置默认值
'name' => 'startDate',
'language' => 'zh_cn',
'model' => $model,
'attribute' => 'startDate',
'flat' => false,
'options' => array(
'showAnim' => 'fadeIn',
'showOn' => 'focus',
'changeYear' => true,
'changeMonth' => true,
'buttonImageOnly' => true,
'dateFormat' => 'yy-mm-dd',
'yearRange' => '-30:+30',
),
'htmlOptions' => array(
'placeholder' => '开始日期',
),
));
?>
如果想用小时-分钟-秒的插件,必须去官网下载插件包(去官网后搜索extension/datetimepicker)
时间插件代码:
<?php
Yii::import('application.extensions.CJuiDateTimePicker.CJuiDateTimePicker');
$this->widget('CJuiDateTimePicker', array(
'model' => $news, //Model object
'attribute' => 'eventDate', //attribute name
'mode' => 'datetime' //use "time","date" or "datetime" (default)
'options' => array() // jquery plugin options
));
?>