TimeSelect 时间选择

使用时间选择器来选择时间。

可选时间范围为 00:00 至 23:59

固定时间选择器

提供一个固定的时间列表供用户选择。

时间格式

使用 format 控制时间格式(小时和分钟)。

点击这里查看 Day.js 中所有可用的格式。

警告

注意大小写

固定时间范围

如果先选择开始(结束)时间,那么结束(开始)时间的状态会相应地改变。

API

属性

名称描述类型默认值
model-value / v-model绑定值string
disabledTimeSelect 是否被禁用booleanfalse
可编辑输入框是否可编辑booleantrue
可清空是否显示清除按钮booleantrue
include-end-time 2.9.3是否将 end 时间包含在选项中booleanfalse
size输入框尺寸枚举default
占位符非范围选择时的占位内容string
名称与原生输入框的 `name` 相同string
effectTooltip 的主题,内置主题:`dark` / `light`string / enumlight
前缀图标自定义前缀图标组件string / Component时钟图标
clear-icon自定义清除图标组件string / ComponentCircleClose
开始时间开始时间string09:00
结束时间结束时间string18:00
步长时间步长string00:30
min-time最小时间,任何早于此时间的时间都将被禁用string
max-time最大时间,任何晚于此时间的时间都将被禁用string
format设置时间格式string 参见 格式HH:mm
empty-values 2.7.0组件的空值,参见 config-providerarray
value-on-clear 2.7.0清除返回值,参见 config-providerstring / number / boolean / Function
popper-class 2.11.4TimeSelect 下拉列表的自定义类名string''
popper-style 2.11.4TimeSelect 下拉列表的自定义样式string / object

事件

名称描述类型
change用户确认选定的值时触发Function
blur在 Input 失去焦点时触发Function
focus在 Input 获得焦点时触发Function
clear 2.7.7在可清空的 TimeSelect 组件中点击清除图标时触发Function

暴露

方法描述类型
focus使输入框获取焦点Function
blur使输入组件失焦Function

来源

组件样式文档

贡献者