日期选择器时间选择范围限制

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

`提示：el-date-picker日期选择器时间选择范围限制

一、el-date-picker日期选择器时间选择范围限制（3个月）

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

二、代码如下

1.html代码如下：

		 <el-date-picker
            v-model="formData.discount_time"
            type="daterange"
            style="width: 220px;"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            :picker-options="pickerOptions"
            value-format="timestamp"
            :default-time="['00:00:00', '23:59:59']"
          >
          </el-date-picker>

2.JavaScript代码如下

代码如下（示例）：

      pickerOptions: {
        onPick: ({ maxDate, minDate }) => {
          this.pickDate = minDate.getTime()
          if (maxDate) {
            this.pickDate = ''
          }
        },
        disabledDate: time => {
          let choiceDateTime = new Date(this.pickDate).getTime()
          const minTime = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() - 3)
          const maxTime = new Date(choiceDateTime).setMonth(new Date(choiceDateTime).getMonth() + 3)
          const min = minTime
          const max = maxTime
          if (this.pickDate) {
            return time.getTime() < min || time.getTime() > max
          }
        }
      },

---