Skip to content

TimePicker

用于选择或输入时间,基于 TimePicker 日期选择器 二次封装。

基础用法

限制时间选择范围

时间范围选择器

属性

属性名说明类型可选值默认值
modelValue | v-model绑定值string | Date | [string, string] |[Date, Date]
readonly是否只读booleanfalse
disabled是否禁用booleanfalse
editable文本框可输入booleantrue
clearable是否显示清除按钮booleantrue
size输入框尺寸stringlarge/default/smalldefault
placeholder非范围选择时的占位内容string
startPlaceholder范围选择时开始日期的占位内容string
endPlaceholder范围选择时结束日期的占位内容string
isRange是否为时间范围选择booleanfalse
arrowControl是否使用箭头进行时间选择booleanfalse
popperClassTimePicker 下拉框的类名string
rangeSeparator选择范围时的分隔符string'-'
format显示在输入框中的格式string'HH:mm:ss'
disabled-hours禁止选择部分小时选项(role: string, comparingDate?: Dayjs) => number[]
disabled-hours禁止选择部分分钟选项(hour: number, role: string, comparingDate?: Dayjs) => number[]
disabled-hours禁止选择部分秒选项(hour: number, minute: number, role: string, comparingDate?: Dayjs) => number[]

事件

事件名说明参数
change用户确认选定的值时触发组件绑定值