vue el-date-picker 周选择器 的:disabled-date 怎么设置开始日期是三年前今天那一周的周一， 结束时间是当前时间上一周的周日

在 Vue 中使用 Element UI 的 `el-date-picker` 组件时，如果你想要定制周选择器的 `disabled-date` 属性，使其开始日期是三年前的今天对应的那一周的周一，结束日期是当前时间之前一周的周日，你可以这样做：

首先，确保你已经安装了 `element-ui` 和相关的依赖。然后，在组件的选项 (`data` 或者 `methods` 中) 设置一个函数来计算这两个日期：

export default {
  data() {
    return {
      startDate: null,
      endDate: null,
    };
  },
  methods: {
    // 计算三年前的今天
    getThreeYearsAgoToday() {
      const today = new Date();
      const threeYearsAgo = new Date(today.getFullYear() - 3, today.getMonth(), today.getDate());
      const startOfWeekMonday = new Date(threeYearsAgo.setDate(threeYearsAgo.getDay() + 1)); // 让它成为一周的第一天
      this.startDate = startOfWeekMonday;
    },
    
    // 获取当前时间前一周的周日
    getLastWeekSunday() {
      const now = new Date();
      const lastWeek = now.setDate(now.getDate() - (now.getDay() + 6)); // 从现在减去一周加上7天，确保得到的是周日
      this.endDate = lastWeek;
    },
  },
  mounted() {
    this.getThreeYearsAgoToday(); // 初始化开始日期
    this.getLastWeekSunday(); // 初始化结束日期
  },
  computed: {
    disabledDate(date) { // 这里是disabled-date的计算逻辑
      if (!this.startDate || !this.endDate) return false; // 如果未初始化，则允许所有日期
      return date <= this.startDate || date > this.endDate; // 禁止选择超出范围的日期
    }
  },
};

在模板中使用 `v-model` 绑定 `startDate` 和 `endDate`，并应用 `disabled-date` 属性：

<template>
  <el-date-picker
    v-model="startDate"
    type="week"
    :disabled-date="disabledDate"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
  ></el-date-picker>
</template>

现在，`disabled-date` 将根据你设定的规则动态地禁用不符合条件的日期。