el-date-picker 选择初始时间,自动限制结束时间

1,663 阅读1分钟
<el-date-picker v-model="form.data" type="daterange" placeholder="选择日期" size="mini" value-format="yyyy-MM-dd"
                start-placeholder="开始日期"
                end-placeholder="结束日期"  :picker-options="pickerOptions"  @change="changeDate">


pickerOptions: {
    disabledDate: (time) => {
        if(this.startDate != null) {
            return time.getTime() < this.startDate.getTime() || time.getTime() >= this.startDate.getTime() + 7 * 8.64e7
        }
        return false;
    },
    onPick: ({maxDate,minDate}) => {
        this.startDate = minDate
    }
},

watch:{
    ['form.data'](){
        if(this.form.data==null){
            this.startDate = null
        }
    }
}
  • 上面是选中一个初始时间,然后只能选择一个星期内的日期

  • 如:选择了,3月11号,那么之前的日期都不能选,只能选择3.11-3.18