两个日期分开<el-date-picker>日期选择不超过三个月,可选择同一天

在Vue.js中，你可以使用Element UI库中的`<el-date-picker>`组件来实现这样一个功能。如果你想限制用户选择的日期不超过当前日期的前三个月，并且可以选择同一天，可以设置它的属性和选项。以下是一个示例：

<template>
  <el-date-picker
    v-model="selectedDate"
    type="daterange"
    range-separator="至"
    start-placeholder="开始日期"
    end-placeholder="结束日期"
    :max-date="currentDate.subtract(3, 'month')"
    :picker-options="{ disabledDate: disabledDateFn }"
  ></el-date-picker>
</template>

<script>
export default {
  data() {
    return {
      selectedDate: '',
      currentDate: new Date(),
    };
  },
  methods: {
    // 判断日期是否超过限制
    disabledDateFn(date) {
      return date <= this.currentDate.subtract(3, 'month') || (date && date.valueOf() === this.selectedDate.valueOf());
    },
  },
};
</script>

在这个例子中：
- `type="daterange"` 表示选择的是范围日期，即从开始到结束。
- `max-date="currentDate.subtract(3, 'month')"` 设置了最大日期为当前日期减去三个月。
- `disabledDate: disabledDateFn` 是一个自定义函数，当用户选择的日期超出限制或与已选日期相同时返回`true`，这样该日期就无法选择了。