时间选择器

# 配置代码


  data() {
    return {
      widgetForm: {
            "list":[{
              label: '时间选择器',
              type: 'time',
              options: {
                defaultValue: '',
                width: '100%',
                placeholder: '请选择时间',
                format: 'HH:mm:ss',
                valueFormat: 'HH:mm:ss',
                readonly: false,
                editable: true,
                clearable: true,
                disabled: false,
                rules
              }
            }],
            "config":{ //config里包含的是表单属性
                ...
            }
        }
    };
  },

# 参数说明


参数 说明 类型 可选值 默认值
label 名称 string -- --
type 组件类型 string -- --
options 配置参数 Array -- []

# options参数说明


参数 说明 类型 可选值 默认值
width 宽度 string % px --
defaultValue 默认值 string -- --
placeholder 占位内容 string -- --
format 时间格式化 string 小时:HH,分:mm,秒:ss,AM/PM A --
value-format 可选,仅TimePicker时可用,绑定值的格式。不指定则绑定值为 Date 对象 string -- --
readonly 完全只读 boolean false --
disabled 禁用 boolean false --
editable 文本框可输入 boolean false --
clearable 是否显示清除按钮 boolean false --
rules 查看规则配置 Array [] --

更多配置参考:
element-ui https://element.eleme.cn/#/zh-CN/component/time-picker
element-plus https://element-plus.org/zh-CN/component/time-picker.html