iview+vue时间选择器组件选择范围1月

 <DatePicker
                type="date"
                :value="saveCert.begdate"
                placeholder="请选择生效时间!!开始"
                style="margin-top: 10px"
                :clearable="true"
                name="sxbegdate"
                @on-change="getbegdate"
              ></DatePicker>
              <DatePicker
                type="date"
                :value="saveCert.enddate"
                :options="timeList"
                placeholder="请选择过期时间(默认3年)!!结束"
                style="margin-top: 10px"
                :clearable="true"
                name="gqenddate"
                @on-change="getenddate"
              ></DatePicker>

1.样式中定义两个选择时间组件

2.data中定义

saveCert: {
        begdate: "",
        enddate: "",
      },

3.change监听方法（以30天为基准去判断）

  getbegdate(val) {
      console.log(val, "当前时间");
      if (val) {
        let startTime = new Date(val) - 32 * 86400000;
        let endtime = new Date(val).getTime() + 30 * 86400000;
        console.log(startTime, "控制开始时间");
        console.log(endtime, "控制结束时间");
        this.timeList = {
          disabledDate: (date) => {
            return date < startTime || date > endtime;
          },
        };
      } else {
        this.timeList = {
          disabledDate: (date) => {
            return false;
          },
        };
      }
      this.saveCert.begdate = val;
    },
    getenddate(val) {
      let endtime = new Date(val);
    },