UNPKG

zent

Version:

一套前端设计语言和基于React的实现

29 lines (22 loc) • 2.64 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
--- title: DateRangeQuickPicker path: component/component/date-range-quick-picker group: Data Entry --- ## DateRangeQuickPicker DateRangeQuickPicker is used for time range selection, it has 2 quick options which points previous 7 days and previous 30 days. ### Usage Scenarios Select a date range in one click. ### API | Props | Description | Type | Default | Alternatives | | -------------------------- | --------------------------------------- | ------------------- | ------------------------------------------------------------ | -------------------------------- | | onChange | Change event callback | func | | | | value | Starting and end time | array | `[]` | | | preset | Custom quick options | array | `[{text: '7 days', value: 7}, {text: '30 days', value: 30}]` | | | defaultSelectedPresetIndex | Default selected item index in `preset` | `number` | | | | valueType | Argument type of onChange | `string` | `''` | `'date'`, `'number'`, `'string'` | | format | Format of returned Date string | `string` | `'YYYY-MM-DD'`, `'YYYY-MM-DD HH:mm:ss'` | | | chosenDays | Number of choosen days | `number` \| `array` | | | | min | Minimum value of optional date | `string` \| `Date` | `''` | | | max | Maximum number of optional date | `string` \| `Date` | `''` | | | className | custom classname | `string` | `''` | |