yii时间控件的使用
调用方法
[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]
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里,并用单引号引起来。
推荐阅读
-
C#使用JavaScriptSerializer序列化时的时间类型处理
-
使用android中的recylerView控件案例
-
asp.net基础学习之控件的使用方法
-
bootstrap日期控件参数(bootstrap时间控件的用法)
-
使用SelfRestraint限制浏览器访问指定网站时间的方法
-
iOS App开发中的UIPageControl分页控件使用小结
-
使用iframe作为日历的载体,不再被select和flash等控件挡住的日期输入框
-
C#使用FileSystemWatcher控件实现的文件监控功能示例
-
mysql 时间转换函数的使用方法第1/2页
-
在JavaScript中操作时间之getMonth()方法的使用