距离上次更新已经过了 914 文中部分内容可能已经过时，如有疑问，请在下方留言。

html
1
2
3
4
5
6
7
8
<el-date-picker
    v-model="date"
    type="daterange"
    :pickerOptions="pickerOptions"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
></el-date-picker>

data

js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
choiceDate: null,
pickerOptions: {
  onPick: ({ maxDate, minDate }) => {
    // 把选择的第一个日期赋值给一个变量。
    this.choiceDate = minDate.getTime();
    // 如何你选择了两个日期了，就把那个变量置空
    if (maxDate) this.choiceDate = "";
  },
  disabledDate: (time) => {
    // 如何选择了一个日期
    if (this.choiceDate) {
      // 7天的时间戳
      const one = 6 * 24 * 3600 * 1000;
      // 当前日期 - one = 7天之前
      const minTime = this.choiceDate - one;
      // 当前日期 + one = 7天之后
      const maxTime = this.choiceDate + one;
      return (
        time.getTime() < minTime ||
        time.getTime() > maxTime
        // 限制不能选择今天及以后
        // || time.getTime() + 1 * 24 * 3600 * 1000 > Date.now()
      );
    } else {
      // 如果没有选择日期，就要限制不能选择今天及以后
      // return time.getTime() + 1 * 24 * 3600 * 1000 > Date.now();
    }
  },
},