• Time Picker 时间选择器
    • 固定时间点
    • 任意时间点
    • 固定时间范围
    • 任意时间范围
    • 公共参数
    • TimeSelect
    • TimePicker
    • TimeRangePicker

    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-' - '