el-date-picker做日期时间限制 此刻按钮不可用

el-date-picker是一个Vue组件库中的日期选择器组件，它可以用来让用户选择日期和时间。如果你想要实现限制时间并且禁用“此刻”按钮的功能，可以使用该组件中的以下几个属性：

1. disabled-hours：禁止选择的小时数组；
2. disabled-minutes：禁止选择的分钟数组；
3. disabled-seconds：禁止选择的秒钟数组；
4. :picker-options="{disabledDate: disabledDate}"：禁止选择的日期和时间函数。

其中，disabledDate函数可以返回一个布尔值，以禁用特定的日期和时间。下面是一个例子，演示如何禁用今天之前的日期和禁用当前时间之前的时间：

<template>
  <el-date-picker
    v-model="date"
    :picker-options="{ disabledDate: disabledDate }"
    :disabled-hours="disabledHours"
    :disabled-minutes="disabledMinutes"
    :disabled-seconds="disabledSeconds"
    show-time
    type="datetime">
  </el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: new Date(),
      pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7;
        }
      },
      disabledHours() {
        const hours = [];
        for (let i = 0; i < 24; i++) {
          if (i < new Date().getHours()) {
            hours.push(i);
          }
        }
        return hours;
      },
      disabledMinutes(hour) {
        if (hour === new Date().getHours()) {
          const minutes = [];
          for (let i = 0; i < 60; i++) {
            if (i < new Date().getMinutes()) {
              minutes.push(i);
            }
          }
          return minutes;
        } else {
          return [];
        }
      },
      disabledSeconds(hour, minute) {
        if (hour === new Date().getHours() && minute === new Date().getMinutes()) {
          const seconds = [];
          for (let i = 0; i < 60; i++) {
            if (i < new Date().getSeconds()) {
              seconds.push(i);
            }
          }
          return seconds;
        } else {
          return [];
        }
      }
    };
  },
};
</script>

在上面的代码中，我们使用了disabledHours、disabledMinutes和disabledSeconds函数来禁用当前时间之前的小时、分钟和秒钟。同时，我们使用了pickerOptions对象中的disabledDate函数来禁用今天之前的日期。此外，我们还将show-time属性设置为true以显示时间选择器，并将type属性设置为datetime以指定日期选择器类型为日期时间。