elementUI 时间选择器禁止选择当前时间往后的时间

在Element UI的时间选择器（TimePicker）组件中，如果你想禁用当前时间往后的所有选项，你可以通过设置picker-options属性来实现。下面是一个例子：

<template>
  <el-time-picker
    v-model="timeValue"
    :picker-options="pickerOptions"
    placeholder="选择时间">
  </el-time-picker>
</template>
 
<script>
  export default {
    data() {
      return {
        timeValue: '',
        // 设置禁用当前时间往后的所有时间
        pickerOptions: {
          selectableRange: '00:00:00 - ' + this.formatTime(new Date()),
        },
      };
    },
    methods: {
      // 将日期时间格式化为HH:mm:ss格式
      formatTime(date) {
        return (
          ('0' + date.getHours()).slice(-2) +
          ':' +
          ('0' + date.getMinutes()).slice(-2) +
          ':' +
          ('0' + date.getSeconds()).slice(-2)
        );
      },
    },
  };
</script>

在这个例子中，formatTime方法会将当前时间格式化为HH:mm:ss格式，并将其作为selectableRange的值，这样就可以禁用当前时间往后的所有选项。