A2UI 时间选择器 TimePicker

通过 Schema 配置生成 XTimePicker 时间选择器组件。

字段配置

{
  "name": "time",
  "label": "时间",
  "type": "time",
  "props": {
    "placeholder": "请选择时间",
    "format": "HH:mm:ss",
    "valueFormat": "HH:mm:ss",
    "clearable": true
  }
}

Props 配置

属性	类型	默认值	说明
placeholder	string	'请选择时间'	占位文本
format	string	'HH:mm:ss'	显示格式
valueFormat	string	'HH:mm:ss'	值格式
clearable	boolean	true	可清空
disabled	boolean	false	禁用状态

示例

基础时间选择

{ "name": "startTime", "label": "开始时间", "type": "time" }

带格式配置

{ "name": "meetingTime", "label": "会议时间", "type": "time", "props": { "format": "HH:mm" } }

渲染组件

A2UI Time 字段会渲染为 XTO UI 的 XTimePicker 组件：

<XTimePicker
  v-model="formData.time"
  placeholder="请选择时间"
/>

相关链接

• XTimePicker 组件文档 - XTO UI 时间选择器详细说明
• A2UI 表单 - 表单整体配置