TimeSelect 时间选择

用于选择或输入日期

可用时间范围是 00:00-23:59

固定时间点

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

时间格式

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

这里 查看 Day.js 支持的所有格式。

WARNING

注意大小写

固定时间范围

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

属性

属性说明类型可选值默认值
model-value / v-model选中项绑定值string
disabled禁用状态booleanfalse
editable文本框可输入booleantrue
clearable是否显示清除按钮booleantrue
size输入框尺寸stringlarge / default / smalldefault
placeholder非范围选择时的占位内容string
name原生属性string
effectTooltip theme, built-in theme: dark / lightstringstringlight
prefix-iconCustom prefix icon componentstring / ComponentClock
clear-iconCustom clear icon componentstring / ComponentCircleClose
startstart timestring09:00
endend timestring18:00
steptime stepstring00:30
min-timeminimum time, any time before this time will be disabledstring00:00
max-timemaximum time, any time after this time will be disabledstring
formatset format of timestringsee formatsHH:mm

事件

事件名说明回调参数
change用户确认选定的值时触发val,组件绑定值
blur在组件 Input 失去焦点时触发组件实例
focus在组件 Input 获得焦点时触发组件实例

方法

方法名说明参数
focus使 input 获取焦点
blur使 input 失去焦点