TimeSelect 时间选择

规则

基础示例

形态示例

整段禁用

小尺寸

Events 示例

Props

名称	类型	默认值	说明
clear-icon	string	IconOperationfaild	自定义清空图标
clearable	boolean	true	清除按钮是否显示
default-value	Date	—	可选，当选中的日期值为空时，选择器面板打开时默认显示的时间，需设置为可被 new Date() 解析的值
disabled	boolean	false	时间选择器是否禁用
editable	boolean	true	文本框是否可手动输入
modelValue / v-model	Date（DatePicker）/ array（DateRangePicker）	—	日期选择器选中的日期值，可设置选择器的初始值
name	string	—	原生属性
picker-options	object	{}	当前时间日期选择器特有的选项（见组件文档）
placeholder	string	—	输入框的提示占位内容
popper-append-to-body	boolean	true	是否将弹出框插入至 body 元素；弹出框定位异常时可设为 false
popper-class	string	—	TimePicker 下拉框的 class 类名
popper-options	IPopperOption	{ }	弹出层参数
size	string	—	输入框尺寸；可选值为 medium、small、mini
suffix-icon	string	IconCalendar	自定义头部图标

Events

名称	类型	说明
blur	() => void	当 input 失去焦点时触发
change	(value: string) => void	当 input 绑定的值发生改变时触发
focus	() => void	当 input 获得焦点时触发