时间控件CJuiDatePicker

时间：2015-04-28 09:54:58 阅读：141 评论：0 收藏：0 [点我收藏+]

Yii内置扩展(zii)中具有方便的时间控件CJuiDatePicker可供使用。使用这个部件，你可以在视图里面插入以下代码：

<?php
$this->widget(‘zii.widgets.jui.CJuiDatePicker‘, array(
    ‘language‘=>‘zh_cn‘,
    ‘name‘=>‘EndDate‘,
    // additional javascript options for the date picker plugin
    ‘attribute‘=>‘end_time‘,
    ‘options‘=>array(
        ‘showAnim‘=>‘fold‘,
        ‘dateFormat‘=>‘yy-mm-dd‘     //database save format
    ),
    ‘htmlOptions‘=>array(
        ‘style‘=>‘height:20px;‘
    ),
));?>

转换得到的HTML代码如下：

效果如下：

技术分享

我们再来看看CJuiDatePicker中的一些参数说明：

name：input标签中的name
value： input标签中的value
language：要使用的日期选择器的语言区域设置ID（如‘法语’，‘德语’）。如果未设置此属性，日期选择器将显示为英文。
options：主要是日历控件显示相关的
      showAnim：日历框出现的动画效果，可选值slideDown, show(the default), slideDown, fadeIn, fold 等
      showOn：日历框如何被触发，both：点图标和输入框均可；focus：点输入框；button：点图标
      buttonImage：图标图片地址
      maxDate：可选的最大日期，对应的还有minData
      dateFormat：日历数据格式。注意，上面value的日期格式必须与此处一致，否则数据不会与控件匹配。
htmlOptions：input框的一些html设置，如样式，最大长度等。
（更多其他参数，可以参考jquery datepicker手册）

时间控件CJuiDatePicker

标签：datepicker 日历 yii

原文地址：http://blog.csdn.net/liuruiqun/article/details/45316961

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行