@aligov/components-quick-time-range

1.0.2 • Public • Published

@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 组件。

Readme

Keywords

Package Sidebar

Install

npm i @aligov/components-quick-time-range

Weekly Downloads

4

Version

1.0.2

License

MIT

Unpacked Size

633 kB

Total Files

10

Last publish

Collaborators

  • jasoncapricorn
  • qingkaili
  • huguoxin
  • shenyu.wsy
  • liunian
  • tao1991123
  • itrip
  • xiazhiqiang
  • mo.zhou
  • guoliang.hgl
  • daip
  • baizhao