elemrntui中 设置时间不能小于当前时间 包括时分秒

在 ElementUI 中，可以通过使用 `el-time-picker` 组件来实现时间选择器，并且可以通过设置 `picker-options` 属性来限制可选时间范围。具体实现步骤如下：

1. 在模板中使用 `el-time-picker` 组件，并设置 `picker-options` 属性：

<el-time-picker v-model="time" :picker-options="pickerOptions"></el-time-picker>

2. 在 `data` 中定义 `pickerOptions` 对象，并设置 `disabledHours`、`disabledMinutes` 和 `disabledSeconds` 属性，以限制可选时间范围：

data() {
  return {
    time: '',
    pickerOptions: {
      disabledHours: () => {
        // 获取当前时间的小时数
        const currentHour = new Date().getHours();
        // 将当前时间之前的小时数禁用
        return Array.from({ length: currentHour }, (_, i) => i);
      },
      disabledMinutes: (hour) => {
        // 如果当前选中的小时数等于当前时间的小时数，则将当前时间之前的分钟数禁用
        if (hour === new Date().getHours()) {
          const currentMinute = new Date().getMinutes();
          return Array.from({ length: currentMinute }, (_, i) => i);
        }
        // 否则不禁用任何分钟数
        return [];
      },
      disabledSeconds: (hour, minute) => {
        // 如果当前选中的小时数和分钟数都等于当前时间的小时数和分钟数，则将当前时间之前的秒数禁用
        if (hour === new Date().getHours() && minute === new Date().getMinutes()) {
          const currentSecond = new Date().getSeconds();
          return Array.from({ length: currentSecond }, (_, i) => i);
        }
        // 否则不禁用任何秒数
        return [];
      }
    }
  };
}

上述代码中，`disabledHours` 方法将当前时间之前的小时数禁用，`disabledMinutes` 方法将当前时间之前的分钟数禁用，`disabledSeconds` 方法将当前时间之前的秒数禁用。如果当前选中的时间小于当前时间，则该时间将被禁用，不能选择。