el-date-picker设置选择的日期范围间隔

可以使用 "min" 和 "max" 属性来设置el-date-picker选择日期的范围间隔，如:

<el-date-picker v-model="date" type="date" placeholder="选择日期" :min="minDate" :max="maxDate"></el-date-picker>

其中 minDate 与 maxDate 是 JavaScript Date 对象。

另外还可以使用 "pickerOptions" 来设置，如：

<el-date-picker v-model="date" :picker-options="pickerOptions"></el-date-picker>

data() {
    return {
        pickerOptions: {
            disabledDate(time) {
                // time 为 JavaScript Date 对象
                return time.getTime() < Date.now() - 8.64e7 || time.getTime() > Date.now() + 8.64e7;
            }
        }
    }
}

pickerOptions 中还有其他的属性可以设置，详情请参考官方文档.

相关问题

el-date-picker设置日期选择间隔范围

在 vue.js 中使用 element-ui 的 el-date-picker 时可以通过设置 "picker-options" 来限制日期选择范围。具体使用方法如下:

<el-date-picker v-model="yourDate" :picker-options="pickerOptions"></el-date-picker>

data() {
  return {
    pickerOptions: {
      disabledDate(time) {
        // time 为一个时间对象
        return time.getTime() < Date.now() - 8.64e7 // 不能选择当天之前的日期
      }
    },
  }
}

picker-options属性中需要传入一个函数，用来判断当前选择的日期是否在限制范围内，满足条件会返回 true，不满足条件会返回 false。
上面的例子是限制不能选择当天之前的日期，大家可以根据实际需求来改变其中的函数。

el-date-picker设置选择的日期范围间隔不能超过3天

您可以通过设置 `:picker-options` 属性中的 `disabledDate` 函数来实现 el-date-picker 选择日期范围间隔不能超过3天的限制。具体实现方法如下：

1. 在 `data` 中定义一个 `selectedDate` 变量，用于存储选择的日期。

2. 在 el-date-picker 组件中绑定 `v-model`，同时设置 `:picker-options` 属性，如下所示：

<el-date-picker
  v-model="selectedDate"
  :picker-options="pickerOptions">
</el-date-picker>

3. 在 `methods` 中定义 `pickerOptions` 函数，用于返回一个配置对象，其中 `disabledDate` 函数用于禁用超过3天的日期范围。具体实现代码如下所示：

methods: {
  pickerOptions() {
    const self = this;
    return {
      disabledDate(time) {
        if (!self.selectedDate) {
          return false;
        }
        const diff = Math.abs(self.selectedDate.getTime() - time.getTime());
        const days = diff / (1000 * 60 * 60 * 24);
        return days > 3;
      }
    };
  }
}

在 `disabledDate` 函数中，首先判断 `selectedDate` 是否存在，如果不存在则返回 `false`，表示不禁用任何日期。如果 `selectedDate` 存在，则计算当前选择的日期 `time` 与 `selectedDate` 的时间差，并将时间差转换成天数。如果天数超过3天，则返回 `true`，表示禁用当前日期。反之，返回 `false`，表示不禁用当前日期。

通过以上实现，即可实现 el-date-picker 选择日期范围间隔不能超过3天的限制。