blear.ui.date-select

1Introduction

2Example

var DateSelct = require('blear.ui.date-select');

new DateSelect({
    el: '#demo',
    dates: [
        [2019, 0, 1],
        [2019, 0, 2],
        [2019, 0, 21]
    ],
    descriptions: [
        ['¥3300', '11票'],
        ['¥3400', '10票'],
        ['¥3500', '20票'],
        ['¥3600', '25票']
    ]
});

3Static

.defaults .defaults.el

  • 类型：String|HTMLElement
  • 说明：元素

.defaults.addClass

  • 类型：String
  • 说明：附加的类名

.defaults.dates

  • 类型：Array
  • 说明：指定的日期数组

.defaults.active

  • 类型：Number
  • 说明：激活的索引值

.defaults.descriptions

  • 类型：Array
  • 说明：日期描述

.defaults.weeks

  • 类型：Number
  • 说明：一个月显示几周
  • 默认：6

.defaults.firstDayInWeek

  • 类型：Number
  • 说明：每周开始第一天是星期几
  • 默认：0（周日）

.defaults.hideBefore

  • 类型：Boolean
  • 说明：是否隐藏今天以前
  • 默认：true

.defaults.hideToday

  • 类型：Boolean
  • 说明：隐藏今天
  • 默认：true

.defaults.hideNotMonth

  • 类型：Boolean
  • 说明：隐藏非本月日期
  • 默认：false

.defaults.slideAnimation

  • 类型：function
  • 说明：滑动动画
  • 默认：undefined

4new DateSelect(options)

实例化一个有限日期选择器。

5Prototype

原型属性、方法

5.1#getOrderedDates(): dates

5.1.1dates

  • 类型：Array
  • 说明：排序之后的日期

5.2#destroy()

销毁实例。

6Events

6.1select(index, date)

选择日期之后触发。

6.1.1index

  • 类型：Number
  • 说明：日期索引值

6.1.2date

  • 类型：Date
  • 说明：日期

7Dependencies

8Reference

无。