element ui dataPicker 日期范围选择控件实现限制选择时间范围为前后第7天

你可以使用`disabledDate`属性来设置日期范围的限制。具体实现如下：

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

data() {
  return {
    date: ''
  }
},
methods: {
  disabledDate(time) {
    const start = new Date()
    start.setDate(start.getDate() - 7)
    const end = new Date()
    end.setDate(end.getDate() + 7)
    return time.getTime() < start.getTime() || time.getTime() > end.getTime()
  }
}

通过`disabledDate`方法，我们可以获取到当前日期的时间戳，然后将其与前后7天的时间戳进行比较，如果超出范围则返回`true`，否则返回`false`。这样就能够限制选择时间范围为前后第7天了。