element ui日期组件设置只能选择前30天

最新推荐文章于 2023-04-06 17:04:06 发布

LingSnow1019

最新推荐文章于 2023-04-06 17:04:06 发布

阅读量426

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/LingSnow1019/article/details/115521362

版权

默认显示日期是今天至前一个月的今天

     value1: [new Date(new Date().setMonth(new Date().getMonth() - 1)), new Date()],

最多选择到今天至前30天

          <el-date-picker
            v-model="value1"
            type="daterange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            @change="headerTime"
            :picker-options="pickerOptions"
            :clearable="fasles"
          >
          </el-date-picker>

//写在data中
        pickerOptions: {
        //限制时间只能选今天以前并最多选择30天
        onPick: ({ maxDate, minDate }) => {
          this.selectDate = minDate.getTime();
          if (maxDate) {
            this.selectDate = "";
          }
        },
        disabledDate: (time) => {
          var isSelected = false;
          if (this.selectDate !== "") {
            const one = 30 * 24 * 3600 * 1000;
            const minTime = this.selectDate - one;
            const maxTime = this.selectDate + one;
            isSelected = time.getTime() <= minTime || time.getTime() > maxTime;
          }
          return isSelected || time.getTime() > Date.now() - 8.64e6;
        },
      },