Skip to content

TimeSelect 时间选择

规则

基础示例

Props 配置示例

工作时间选择

包含结束时间

限制时间范围

整段禁用

尺寸对比(小 / 默认 / 大)

Events 事件示例

监听时间变化

完整配置项:Element_TimeSelect

value :String

Props

属性名说明类型默认值
disabled禁用状态booleanfalse
editable文本框可输入booleantrue
clearable是否显示清除按钮booleantrue
includeEndTime是否在选项中包含endbooleanfalse
size输入框尺寸enumdefault
placeholder非范围选择时的占位内容string
name原生属性string
effectTooltip 主题,内置了 dark / light 两种主题string / enumlight
prefixIcon自定义前缀图标string / ComponentClock
clearIcon自定义清除图标string / ComponentCircleClose
start开始时间string09:00
end结束时间string18:00
step间隔时间string00:30
minTime最早时间点,早于该时间的时间段将被禁用string
maxTime最晚时间点,晚于该时间的时间段将被禁用string
format设置时间格式string see formatsHH:mm
emptyValues组件的空值配置 参考config-providerarray
valueOnClear清空选项的值 参考 config-providerstring / number / boolean / Function

Events

事件名说明类型
change用户确认选定的值时触发Function
blur在组件 Input 失去焦点时触发Function
focus在组件 Input 获得焦点时触发Function
clear可清空的单选模式下用户点击清空按钮时触发Function

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用