TimeRangePicker.md 1.44 KB
Newer Older
1 2 3
---
title: TimeRangePicker - 自定义类型时间选择
nav:
4
  title: 基础组件
5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
  path: /components
group:
  path: /
---

# TimeRangePicker 自定义类型时间选择

基础业务组件

- 支持默认时间的点击
- 支持无定义的类型过滤
- 支持自定义时间选项的精度

## 何时使用

- 需要自定义类型的时间选择时。

## 代码演示

李纪文's avatar
李纪文 committed
24
<code src="./demos/Basic.tsx">
25 26 27 28 29

## API

自定义时间选择 api 参考 Antd DatePicker 组件 https://ant.design/components/date-picker-cn/#API

30 31 32 33 34 35 36 37 38
| 参数         | 说明                                | 类型               | 默认值                |
| ------------ | ----------------------------------- | ------------------ | --------------------- |
| layout       | 布局                                | string             | horizontal / vertical |
| value        | 值                                  | string             | -                     |
| defaultValue | 默认选中的值                        | string             | -                     |
| width        | layout 值为 vertical 时,下拉框宽度 | number             | 120                   |
| dataSource   | 数据源                              | array              | -                     |
| timeProps    | 自定义时间选择 api                  | object             | { }                   |
| onChange     | 选择事件的回调,会返回选中的时间项  | function(value){ } | -                     |