el-time-picker 表单验证

el-time-picker 是 Element UI 中的时间选择器组件，它的表单验证可以通过以下方式实现：

1. 使用 Element UI 提供的表单验证规则，在 el-form-item 中设置 rules 属性。

例如，要求 el-time-picker 必填，可以这样设置：

<el-form-item label="时间" prop="time">
  <el-time-picker v-model="time"></el-time-picker>
</el-form-item>

export default {
  data() {
    return {
      time: ''
    }
  },
  computed: {
    rules() {
      return {
        time: [
          { required: true, message: '请选择时间', trigger: 'change' }
        ]
      }
    }
  }
}

2. 通过自定义校验函数进行表单验证。

例如，要求时间必须在某个范围内，可以这样设置：

<el-form-item label="时间" prop="time">
  <el-time-picker v-model="time" @change="checkTime"></el-time-picker>
</el-form-item>

export default {
  data() {
    return {
      time: ''
    }
  },
  methods: {
    checkTime(rule, value, callback) {
      const startTime = '09:00:00'
      const endTime = '18:00:00'
      const selectedTime = moment(value, 'HH:mm:ss')
      const start = moment(startTime, 'HH:mm:ss')
      const end = moment(endTime, 'HH:mm:ss')
      if (selectedTime.isBetween(start, end)) {
        callback()
      } else {
        callback(new Error('选择的时间必须在 09:00:00 和 18:00:00 之间'))
      }
    }
  }
}

以上就是 el-time-picker 表单验证的两种方式，可以根据具体需求选择使用。