Skip to content

TimePicker 时间选择器

规则

js
{
    type: "TimePicker",
    field: "section_time",
    title: "活动时间",
    value: [],
    props: {
        isRange:true
    },
}

完整配置项:Element_TimePicker

value :Number | String

Props

属性名说明类型默认
readonly完全只读booleanfalse
disabled禁用booleanfalse
editable文本框可输入booleantrue
clearable是否显示清除按钮booleantrue
size输入框尺寸enum
placeholder非范围选择时的占位内容string''
startPlaceholder范围选择时开始日期的占位内容string
endPlaceholder范围选择时结束日期的占位内容string
isRange是否为时间范围选择booleanfalse
arrowControl是否使用箭头进行时间选择booleanfalse
popperClassTimePicker 下拉框的类名string''
rangeSeparator选择范围时的分隔符string'-'
format显示在输入框中的格式string see date formats
defaultValue可选,选择器打开时默认显示的时间Date / object
valueFormat可选,绑定值的格式。 不指定则绑定值为 Date 对象string 参考 日期格式
id等价于原生 input id 属性string / object
name等价于原生 input name 属性string''
ariaLabel等价于原生 input aria-label 属性string
prefixIcon自定义前缀图标string / ComponentClock
clearIcon自定义清除图标string / ComponentCircleClose
disabledHours禁止选择部分小时选项Function
disabledMinutes禁止选择部分分钟选项Function
disabledSeconds禁止选择部分秒选项Function
teleported是否将 popover 的下拉列表镜像至 body 元素booleantrue
tabindex输入框的 tabindexstring / number0
emptyValues组件的空值配置 参考config-providerarray
valueOnClear清空选项的值 参考 config-providerstring / number / boolean / Function
label等价于原生 input aria-label 属性string

Events

事件名说明类型
change用户确认选定的值时触发Function
blur在组件 Input 失去焦点时触发Function
focus在组件 Input 获得焦点时触发Function
clear可清空的模式下用户点击清空按钮时触发Function
visible-change当 TimePicker 的下拉列表出现/消失时触发Function

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