TimePicker 时间选择器

规则

基础示例

Props 配置示例

整段禁用

尺寸对比（迷你 / 小 / 中）

时间范围

Events 示例

Props

名称	类型	默认值	说明
arrow-control	boolean	false	是否使用箭头进行时间选择
clear-icon	Component	IconOperationfaild	自定义清空图标
clearable	boolean	true	是否显示清除按钮
default-value	Date | string | number | Array	—	未选中时面板打开默认显示时间
disabled	boolean	false	禁用
editable	boolean	true	文本框可输入
end-placeholder	string	—	范围选择结束占位
is-range	boolean	false	是否为时间范围选择
modelValue / v-model	Date | string | number | Array	—	绑定值
name	string	—	原生 name
picker-options	IPickerOptions	—	时间范围、格式等配置
placeholder	string	''	非范围选择占位
popper-append-to-body	boolean	true	是否插入 body
popper-class	string	—	下拉框 class
popper-options	IPopperOption		弹出层参数
range-separator	string	'-'	范围分隔符
size	'medium' | 'small' | '' | 'mini'	''	输入框尺寸
start-placeholder	string	''	范围选择开始占位
step	IStep	—	自定义时分秒步长
suffix-icon	object	IconCalendar	自定义头部图标类名

Events

名称	类型	说明
blur	() => void	input 失去焦点触发
change	(date: Date | Date[]) => void	用户确认选定值触发
focus	() => void	input 获得焦点触发