1.0.2 • Published 4 years ago
@aligov/components-quick-time-range v1.0.2
@aligov/components-quick-time-range
如果样式不对劲，除了引用组件外，还需要额外手动引用样式文件
import '@aligov/components-quick-time-range/lib/style';
快速选择如最近7天或自定义时间段。
支持的时间段包括：
- 全部：不设置开始时间和结束时间
- 24小时：选择时的时间往回算24小时
- 最近3天
- 最近7天
其中，最近 3 天、7 天会把开始时间和结束设为 0 点，但 24 小时的不会。
API
| 参数名 | 说明 | 必填 | 类型 | 默认值 | 备注 |
|---|---|---|---|---|---|
| value | 受控模式下设置时间范围 | [startMoment, endMoment] | 如果设置了开始或结束时间，那么应该是 Moment 的对象实例 | ||
| defaultValue | 非受控模式下的初识值 | [startMoment, endMoment] | 同 value | ||
| defaultOptIndex | 默认选择的快捷时间范围 | number | 如果有该选项，那么基于该选项来设置默认设置的时间范围 | ||
| showTime | 选择时间范围时是否具体到秒 | boolean | true | ||
| onChange | 选择范围改变后的回调 | ([startMoment, endMoment]) => void |
除此之外，其余属性会传递给 Fusion 的 DatePicker.RangePicker 组件。