开发预览 更新于 2026-05-10

TimeRangePicker 时间范围

两个 TimePicker 组合,选择「开始 – 结束」时间区间。

基础用法

v-model / value[string, string] | null,每一项是 HH:mmHH:mm:ss(开启 showSeconds)。

已选:09:00 – 18:00
<CfTimeRangePicker v-model="range" clearable />
<CfTimeRangePicker value={range} onChange={setRange} clearable />

API

属性类型默认值说明
value / modelValue[string | null, string | null] | null受控范围值
defaultValue[string | null, string | null] | nullnull非受控初始值
placeholder[string, string]['开始时间', '结束时间']两端占位
size'sm' | 'md' | 'lg''md'触发器尺寸
disabledbooleanfalse整组禁用
clearablebooleanfalse显示清除按钮
showSecondsbooleanfalse显示秒列
separatorstring'–'中间分隔符

事件:onChange(value) 当任一端变化时触发。

反馈与讨论

TimeRangePicker 时间范围 的讨论

0
0 / 600
一键发送
正在加载评论...