element-ui学习之-------el-date-picker设置选择间隔时间不能超过15天


想要的效果:

data() {
  return {
  choiceDate0: "",
  pickerOptions: {
    // 设置不能选择的日期
    onPick: ({
      maxDate,
      minDate
    }) => {
      if (minDate) { //如果默认有最小日期
        this.choiceDate0 = minDate.getTime();
      } else { //如果最小日期被清空,则最小日期为当天
        this.choiceDate0 = new Date();
      }
      if (maxDate) {
        this.choiceDate0 = '';
      }
    },
    disabledDate: (time) => {
      let choiceDateTime = new Date(this.choiceDate0).getTime(); //选中的第一个日期
      if (this.choiceDate0) {
        //间隔15天,则加减14天---“这主要看需求”
        //14天的时间戳:14*24*3600*1000=1209600000
        return (time.getTime() > (choiceDateTime + 1209600000))||(time.getTime() < (choiceDateTime-1209600000));
      }
    }
  },
  };
},

注意:不可选日期两个条件之间要用 “||【或】”  隔开,不能用“&&【与】”

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

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM