el-date-picker 日期时间限制

el-date-picker 是 Element UI 中的一个日期选择器组件，它提供了丰富的日期和时间选择功能。你可以通过设置一些属性来限制日期和时间的选择范围。

1. 限制可选日期范围：
- 使用 `disabledDate` 属性可以禁用某些日期，例如禁用过去的日期或者只允许选择未来的日期。
- 使用 `pickerOptions` 属性可以设置可选日期的范围，例如只能选择最近一周的日期。

2. 限制可选时间范围：
- 使用 `pickerOptions` 属性中的 `selectableRange` 可以设置可选的时间范围，例如只能选择上午或下午的时间段。
- 使用 `disabledHours`、`disabledMinutes`、`disabledSeconds` 属性可以禁用某些小时、分钟或秒钟。

下面是一个示例代码，演示如何限制日期和时间的选择范围：

<template>
  <el-date-picker
    v-model="date"
    type="datetime"
    :picker-options="pickerOptions"
    :disabled-date="disabledDate"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      date: null,
      pickerOptions: {
        selectableRange: '18:00:00 - 23:59:59', // 只能选择晚上的时间段
      },
    };
  },
  methods: {
    disabledDate(time) {
      const today = new Date();
      return time.getTime() < today.getTime(); // 禁用过去的日期
    },
  },
};
</script>

这样设置之后，el-date-picker 组件就会根据你的限制条件来限制日期和时间的选择范围。