blear.ui.date-time-picker

1Introduction

2Example

var DateTimePicker = require('blear.ui.date-time-picker');

var dtp = new DateTimePicker();

dtp.on('select', function(date) {
    // 选中的日期为 date
});

3Static

3.1.defaults

3.2.defaults.minDate

  • 类型：Number | Date
  • 说明：最小日期，0 表示无最小日期
  • 默认：0

3.3.defaults.maxDate

  • 类型：Number | Date
  • 说明：最大日期，0 表示无最大日期
  • 默认：0

3.4.defaults.firstDayInWeek

  • 类型：Number
  • 说明：一周的第一天星期几，默认为 0，即星期日
  • 默认：0

3.5.defaults.timeable

  • 类型：Boolean
  • 说明：是否时间可操作
  • 默认：false

3.6.defaults.minutesable

  • 类型：Boolean
  • 说明：是否可操作分
  • 默认：true

3.7.defaults.secondsable

  • 类型：Boolean
  • 说明：是否可操作秒
  • 默认：false

3.8.defaults.autoClose

  • 类型：Boolean
  • 说明：是否自动关闭弹窗
  • 默认：true

4new DateTimePicker(options)

实例化一个一定范围的时间日期选择器。options 默认值为 .defaults。

5Prototype

5.1#select(date): this

选择一个日期。

5.1.1date

  • 类型：Number | Date
  • 说明：时间戳或者日期

5.2#changeView(year, month): this

切换视图。

5.2.1year

  • 类型：Number
  • 说明：年

5.2.2month

  • 类型：Number
  • 说明：月

5.3#changeMinDate(date): this

改变最小日期。

5.3.1date

  • 类型：Number|Date
  • 说明：日期或者时间戳

5.4#changeMaxDate(date): this

改变最大日期。

5.4.1date

  • 类型：Number|Date
  • 说明：日期或者时间戳

5.5#open(): this

打开日期时间选择器弹窗。

6Events

6.1select(date)

选择日期后触发。

6.1.1date

  • 类型：Date
  • 说明：选择的日期

7Dependencies

8Reference

无。