elementUI 日期时间选择器el-date-picker开始时间与结束时间约束

在elementUI的日期时间选择器el-date-picker中，可以通过设置picker-options属性来约束开始时间与结束时间的选择范围。具体操作如下：

1. 在el-date-picker标签中设置picker-options属性，如下所示：

<el-date-picker
  v-model="date"
  :picker-options="pickerOptions"
  type="datetime"
  placeholder="选择日期时间">
</el-date-picker>

2. 在data中定义pickerOptions对象，并设置disabledDate方法来限制可选的日期时间范围，如下所示：

data() {
  return {
    date: '',
    pickerOptions: {
      disabledDate(time) {
        // 获取当前日期
        const today = new Date().getTime();
        // 获取开始日期
        const startDate = new Date('2022-01-01').getTime();
        // 获取结束日期
        const endDate = new Date('2022-12-31').getTime();
        // 设置不可选的日期范围
        return time.getTime() < startDate || time.getTime() > endDate || time.getTime() < today;
      }
    }
  }
}

在上述代码中，disabledDate方法返回true表示该日期时间不可选，返回false表示该日期时间可选。在本例中，我们设置开始日期为2022年1月1日，结束日期为2022年12月31日，并且禁止选择过去的日期时间。

通过以上操作，即可实现el-date-picker的开始时间与结束时间约束。