TimePicker 时间选择器
规则
js
{
type: "TimePicker",
field: "section_time",
title: "活动时间",
value: [],
props: {
isRange:true
},
}
完整配置项:Element_TimePicker
value :Number | String
Props
属性名 | 说明 | 类型 | 默认 |
---|---|---|---|
readonly | 完全只读 | boolean | false |
disabled | 禁用 | boolean | false |
editable | 文本框可输入 | boolean | true |
clearable | 是否显示清除按钮 | boolean | true |
size | 输入框尺寸 | enum | — |
placeholder | 非范围选择时的占位内容 | string | '' |
startPlaceholder | 范围选择时开始日期的占位内容 | string | — |
endPlaceholder | 范围选择时结束日期的占位内容 | string | — |
isRange | 是否为时间范围选择 | boolean | false |
arrowControl | 是否使用箭头进行时间选择 | boolean | false |
popperClass | TimePicker 下拉框的类名 | 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 / Component | Clock |
clearIcon | 自定义清除图标 | string / Component | CircleClose |
disabledHours | 禁止选择部分小时选项 | Function | — |
disabledMinutes | 禁止选择部分分钟选项 | Function | — |
disabledSeconds | 禁止选择部分秒选项 | Function | — |
teleported | 是否将 popover 的下拉列表镜像至 body 元素 | boolean | true |
tabindex | 输入框的 tabindex | string / number | 0 |
emptyValues | 组件的空值配置 参考config-provider | array | — |
valueOnClear | 清空选项的值 参考 config-provider | string / number / boolean / Function | — |
label | 等价于原生 input aria-label 属性 | string | — |
Events
事件名 | 说明 | 类型 |
---|---|---|
change | 用户确认选定的值时触发 | Function |
blur | 在组件 Input 失去焦点时触发 | Function |
focus | 在组件 Input 获得焦点时触发 | Function |
clear | 可清空的模式下用户点击清空按钮时触发 | Function |
visible-change | 当 TimePicker 的下拉列表出现/消失时触发 | Function |