Time 时间

avue-time：普通时间是字符串或 Date，建议 valueFormat 明确提交格式；type: timerange 为两项数组。

通用属性、字典与事件见 基础组件使用约定。模板属性可写为 kebab-case，Form 配置对象使用 camelCase。

基础用法

效果预览可直接操作下方示例

独立组件通过 v-model 绑定单个字段；在 Form 中使用时，将相应配置放入 column。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :span="6">
      值:{{ form }}<br />
      <avue-time v-model="form"
                 format="hh时mm分ss秒"
                 value-format="HH:mm:ss"
                 placeholder="请选择时间"></avue-time>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue'

const form = ref('12:00:00')
</script>

属性

属性	类型	默认值	说明
type	string	—	time 或 timerange
format / valueFormat	string	—	显示与提交格式
editable	boolean	true	直接输入
arrowControl	boolean	false	箭头控制时间
disabledHours / disabledMinutes / disabledSeconds	function	—	返回禁用的时间数字数组
visibleChange	function	—	面板显隐回调，接收 boolean
start / end / step	string	—	设置后切换固定时间列表，例如 09:00 / 18:00 / 00:30
minTime / maxTime	string	—	固定列表的上下界
startPlaceholder / endPlaceholder / rangeSeparator	string	—	范围占位文字和分隔符

固定列表使用 TimeSelect，任意时间/范围使用 TimePicker，两种模式的配置不能混用。参见 Time 表单。