Time Picker 时间选择器

用于选择或输入日期

固定时间点

提供几个固定的时间点供用户选择

Time Picker 时间选择器 - 图1

任意时间点

可以选择任意时间

Time Picker 时间选择器 - 图2

固定时间范围

若先选择开始时间,则结束时间内备选项的状态会随之改变

Time Picker 时间选择器 - 图3

任意时间范围

可选择任意的时间范围

Time Picker 时间选择器 - 图4

公共参数

参数说明类型可选值默认值
align对齐方式stringleft, center, rightleft
placeholder占位内容string
isShowTrigger是否显示图标bool--
isReadOnly只读booleanfalse
isDisabled是否禁用booleanfalse
onFocusonFocusfunc:(TimeSelectReactComponent)=>()-
onBluronBlurfunc:(TimeSelectReactComponent)=>()-
onChangeonChangefunc:(value)=>()-

TimeSelect

参数说明类型可选值默认值
valuedate/null-
start开始时间string09:00
end结束时间string18:00
step间隔时间string00:30
minTime最小时间date-
maxTime最大时间date-

TimePicker

参数说明类型可选值默认值
valuedate/null-
selectableRange可选时间段,例如'18:30:00 - 20:30:00'或者传入数组['09:30:00 - 12:00:00', '14:30:00 - 18:30:00']string/string[]

TimeRangePicker

参数说明类型可选值默认值
valuedate[]/null-
selectableRange可选时间段,例如'18:30:00 - 20:30:00'或者传入数组['09:30:00 - 12:00:00', '14:30:00 - 18:30:00']string/string[]
rangeSeparator选择范围时的分隔符string-' - '