Skip to content

TimeSelect 时间选择

用于选择或输入日期

警告

依赖组件 scrollbar,请务必导入 scrollbar 组件
可用时间范围是 00:00-23:59

固定时间点

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

使用 el-time-select 标签,然后通过 start、end 和 step 指定起始时间,结束时间和步长。

时间格式

使用 format 属性来控制时间格式 (小时以及分钟)。

这里 查看 Day.js 支持的 format 参数。

警告

请一定要注意传入参数的大小写是否正确

固定时间范围

如果先选中了开始(或结束)时间,则结束(或开始)时间的状态也将会随之改变。

Props

属性名说明类型可选值默认值
value默认值string--
disabled禁用状态boolean--
clearable是否显示清除按钮boolean--
placeholder占位内容string--
start开始时间string-09:00
end结束时间string-17:00
step间隔时间string-00:30
min-time最早时间,早于该时间的时间段将被禁用string--
max-time最晚时间,晚于该时间的时间段将被禁用string--
format设置时间格式string-HH:mm

Events

事件名说明类型
change用户确认选定的值时触发(ev: CustomEvent) => void
clear清空选中的值(ev: CustomEvent) => void