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

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

    Package Sidebar

    Install

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

    Weekly Downloads

    5

    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