Calendar

日历组件

配置

包含 Brick 的所有配置

trigger {String|Node}

触发节点或者容器节点

triggerType {Array}

弹出状态下, 触发弹出日历的事件, 例如：[‘click’,’focus’], 默认为[‘click’]

align {Object}

弹出组件对其方式

 {
    node:false,
    points: ['cc','cc'], // ['tr', 'tl'] 表示 colorpicker 的 tl 与参考节点的 tr 对齐
    offset: [0, 0]      // 偏移值，有效值为 [n, m]
}

date {Date}

该日期所在月份, 默认为当天

selected {Date}

当前选中的日期，默认null

startDay {Number}

日历显示星期x为起始日期, 取值范围为0到6, 默认为0,从星期日开始,若取值为1, 则从星期一开始, 若取值为7, 则从周日开始

pages {Date}

日历的页数, 默认为1, 包含一页日历

popup {Boolen}

日历是否为弹出,默认为false

closable {Boolen}

在弹出情况下, 点选日期后是否关闭日历, 默认为false

navigator {Boolen}

是否可以通过点击导航输入日期,默认true

minDate {Date}

日历可选择的最小日期

maxDate {Date}

日历可选择的最大日期

multiSelect {Boolen}

是否支持多选，默认false

multi {Array}

多选的日期数组[new Date(),new Date(2011,11,26)]

rangeSelect {Boolen}

是否支持日期段选择，只有开启时候才会触发rangeSelect事件，默认false

range {Object}

已选择的时间段

{
    start:new Date(),
    end:new Date()
}

disabled {Array}

禁止点击的日期数组[new Date(),new Date(2011,11,26)]

rangeLinkage {Boolen}

多个日历是否联动,默认为true

showTime {Boolen}

是否显示时间的选择,默认为false

notLimited {Boolen}

是否出现不限的按钮,默认为false

方法

show()

显示日历

hide()

隐藏日历

toggle()

切换显示隐藏

事件

select(ev)

日期选择

  • ev.date {Date} 选择的日期

monthChange(ev)

年月变化

  • ev.date {Date} 日期

timeSelect(ev)

年月变化

  • ev.date {Date} 时间

rangeSelect(ev)

选择的时间段

  • ev.range {Object} 选择的时间段
{
    start:new Date(),
    end:new Date()
}

multiSelect(ev)

多选时间数据，已经按照时间排序

  • ev.multi {Array} 时间数组

show()

显示

hide()

隐藏