TimePicker 时间选择器
Maker
$formCreate.maker.time('活动时间','section_time').props({
isRange:true
})
JSON
{
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 |
输入框尺寸 |
string |
medium / small / mini |
— |
placeholder |
非范围选择时的占位内容 |
string |
— |
— |
startPlaceholder |
范围选择时开始日期的占位内容 |
string |
— |
— |
endPlaceholder |
范围选择时开始日期的占位内容 |
string |
— |
— |
isRange |
是否为时间范围选择,仅对<el-time-picker> 有效 |
boolean |
— |
false |
arrowControl |
是否使用箭头进行时间选择,仅对<el-time-picker> 有效 |
boolean |
— |
false |
align |
对齐方式 |
string |
left / center / right |
left |
popperClass |
TimePicker 下拉框的类名 |
string |
— |
— |
pickerOptions |
当前时间日期选择器特有的选项参考下表 |
object |
— |
{} |
rangeSeparator |
选择范围时的分隔符 |
string |
- |
‘-‘ |
valueFormat |
可选,仅TimePicker时可用,绑定值的格式。不指定则绑定值为 Date 对象 |
string |
见日期格式 |
— |
defaultValue |
可选,选择器打开时默认显示的时间 |
Date(TimePicker) / string(TimeSelect) |
可被new Date() 解析(TimePicker) / 可选值(TimeSelect) |
— |
name |
原生属性 |
string |
— |
— |
prefixIcon |
自定义头部图标的类名 |
string |
— |
el-icon-time |
clearIcon |
自定义清空图标的类名 |
string |
— |
el-icon-circle-close |
Time Select Options
参数 |
说明 |
类型 |
可选值 |
默认值 |
start |
开始时间 |
string |
— |
09:00 |
end |
结束时间 |
string |
— |
18:00 |
step |
间隔时间 |
string |
— |
00:30 |
minTime |
最小时间,小于该时间的时间段将被禁用 |
string |
— |
00:00 |
maxTime |
最大时间,大于该时间的时间段将被禁用 |
string |
— |
— |
Time Picker Options
参数 |
说明 |
类型 |
可选值 |
默认值 |
selectableRange |
可选时间段,例如'18:30:00 - 20:30:00' 或者传入数组['09:30:00 - 12:00:00', '14:30:00 - 18:30:00'] |
string / array |
— |
— |
format |
时间格式化(TimePicker) |
string |
小时:HH ,分:mm ,秒:ss ,AM/PM A |
‘HH:mm:ss’ |
on 事件
事件名 |
说明 |
参数 |
change |
用户确认选定的值时触发 |
组件绑定值 |
blur |
当 input 失去焦点时触发 |
组件实例 |
focus |
当 input 获得焦点时触发 |
组件实例 |