- Time Picker 时间选择器
- 固定时间点
- 任意时间点
- 固定时间范围
- 任意时间范围
- 公共参数
- TimeSelect
- TimePicker
- TimeRangePicker
Time Picker 时间选择器
用于选择或输入日期
固定时间点
提供几个固定的时间点供用户选择
任意时间点
可以选择任意时间
固定时间范围
若先选择开始时间,则结束时间内备选项的状态会随之改变
任意时间范围
可选择任意的时间范围
公共参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
align | 对齐方式 | string | left, center, right | left |
placeholder | 占位内容 | string | — | — |
isShowTrigger | 是否显示图标 | bool | - | - |
isReadOnly | 只读 | boolean | — | false |
isDisabled | 是否禁用 | boolean | — | false |
onFocus | onFocus | func:(TimeSelectReactComponent)=>() | — | - |
onBlur | onBlur | func:(TimeSelectReactComponent)=>() | — | - |
onChange | onChange | func:(value)=>() | — | - |
TimeSelect
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 值 | date/null | — | - |
start | 开始时间 | string | — | 09:00 |
end | 结束时间 | string | — | 18:00 |
step | 间隔时间 | string | — | 00:30 |
minTime | 最小时间 | date | — | - |
maxTime | 最大时间 | date | — | - |
TimePicker
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 值 | date/null | — | - |
selectableRange | 可选时间段,例如'18:30:00 - 20:30:00' 或者传入数组['09:30:00 - 12:00:00', '14:30:00 - 18:30:00'] | string/string[] | — | — |
TimeRangePicker
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
value | 值 | date[]/null | — | - |
selectableRange | 可选时间段,例如'18:30:00 - 20:30:00' 或者传入数组['09:30:00 - 12:00:00', '14:30:00 - 18:30:00'] | string/string[] | — | — |
rangeSeparator | 选择范围时的分隔符 | string | - | ' - ' |