时间

介绍
基本表单组件,用于用户选择时间。
API
Props
参数名 | 描述 | 类型 | 默认值 |
---|---|---|---|
status | 状态 | 'default' |'disabled'| 'hide'| 'readonly' | 'default' |
title | 标题 | string | '时间选择' |
showLabel | 显示标题 | boolean | true |
name | 数据字段 | string | ${组件编码}_${长度为8的随机字符串} |
value | 默认值 | string | - |
placeholder | 占位提示 | string | 请选择 |
width | 字段占比 | '25%'|'50%'|'75%'|'100%' | '100%' |
labelWidth | 标签宽度 | string | - |
format | 格式 | 'HH:mm:ss'|'HH:mm'|'HH' | 'HH:mm:ss' |
use12Hours | 12小时制 | boolean | false |
allowClear | 清除按钮 | boolean | true |
hourStep | 小时选择间隔 | number | 1 |
minuteStep | 分钟选择间隔 | number | 1 |
secondStep | 秒数选择间隔 | number | 1 |
disabledHours | 禁用的小时选项 | string[] | [] |
disabledMinutes | 禁用的分钟选项 | string[] | [] |
disabledSeconds | 禁用的秒数选项 | string[] | [] |
hideDisabledOptions | 隐藏禁止选择的选项 | boolean | false |
disabledConfirm | 禁用确认步骤 ,开启后直接点选时间不需要点击确认按钮 | boolean | false |
baseStyle | 自定义样式 | string | - |
customClass | 类名绑定 | string | - |
boxStyle | 盒模型 , margin,border,padding设置 | BoxStyle | - |
uniqueKey | 唯一标识 , 组件的唯一标识 | string | - |
position | 弹出框弹出位置 | 'top'|'tl'|'tr'|'bottom'|'bl'|'br' | 'bl' |
extra | 补充说明 | string | - |
tip | 气泡提醒 | string | - |
validate | 校验 | Validate | - |
loop | 循环, 循环渲染设置 | Loop | - |
Events
事件名 | 描述 | 参数 |
---|---|---|
onChange | 值发生改变时 | ctx params: {value: string} loop:LoopParams |
onClear | 点击清除按钮时 | ctx loop:LoopParams |