qt-public-ui
Version:
新设计规范下业务组件库
55 lines (36 loc) • 1.92 kB
Markdown
## DynamicTimePicker
动态时间选择控件
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| value | 受控 | [Range] | - |
| defaultDateConfig | 默认日期配置 | [DateConfigProps] | - |
| defaultDateType | 默认时间类型 | [DateType] | `dynamic` |
| onChange | 当前时间组件的值发生改变时的回调 | function (value: Range, config: any) => void | - |
| onCalendarChange | 当前日历组件的值发生改变时的回调 | function (value: RangePickerValue, type:string) => void | - |
| dateConfig | 受控，日期配置 | [DateConfigProps] | - |
| style | css 样式 | React.CSSProperties | - |
| styleType | 组建央样式类型（默认 ｜ 无边框） | `default` \| `borderless` | default |
| disabledDate | 无法选择的日期 | `(date: Moment \| null) => boolean` | - |
| rangeMax | 动态最大范围配置，会和 disabledDate 叠加, 小于1不生效(针对于自定义时间，两个时间间隔不会超过rangeMax的值) | number | - |
| disabledShortcuts | 禁用快捷键 | Arrary[ShortcutsField] | - |
| shortcutsList | 动态时间快捷键 | Arrary[ShortcutsField] | 所有 |
| dateTypeList | 日期类型Tab切换列表 | Arrary[DateType] | 所有 |
| relatedDateMaxConfig | 相对时间天周月最长配置 | any | - |
### StyleType
样式类型:
`default` | `borderless`
### DateType
日期类型：
`dynamic` | `static`
### DateConfigProps
`dateType?` | `DateType` <br>
`relatedDate?` | `number | string` <br>
`fromDate?`| `string | Moment` <br>
`toDate?` | `string | Moment` <br>
#### ShortcutsField
动态时间快捷:
`recent_0_day` | `recent_1_day` | `recent_7_day` | `recent_14_day` | `recent_30_day` | `recent_1_week` | `recent_2_week` | `recent_3_week` | <br>
`recent_4_week` | `recent_8_week` | `recent_1_month` | `recent_2_month` | `recent_3_month` | `recent_6_month`
#### Range
时间类型：
`[Moment, Moment]`