Element-ui el-date-picker 禁止点击的日期

 
<el-date-picker
                :clearable="false"
                v-show="query.type === 2"
                v-model="query.date1"
                type="year"
                format="yyyy"
                :picker-options="pickerOptions0"
                placeholder="选择年">

pickerOptions0: { disabledDate: (time) => { // 今天时间不能点击 return time.getTime() > Date.now()-8.64e7; } }, pickerOptions1: { disabledDate(time) { // 今天时间可以点击 return time.getTime() > Date.now() - 8.64e6 } },

// 开始时间,结束时间禁用
            <el-date-picker
                        class="setWidth50"
                        v-show="sttdrcd == 1"
                        :clearable="false"
                        :picker-options="pickerOptions1"
                        v-model="queryDate.dayDate"
                        @change="handleDate"
                        type="date"
                        placeholder="选择日期">
                    </el-date-picker>
                    <el-date-picker
                        class="setWidth50"
                        v-show="sttdrcd == 1"
                        :clearable="false"
                        :picker-options="pickerOptions2"
                        v-model="queryDate.currentDay"
                        @change="handleDate"
                        type="date"
                        placeholder="选择日期">
                    </el-date-picker>

          pickerOptions1: {
                    disabledDate: (time) => {
                        if (this.queryDate.currentDay) {    //   this.queryDate.currentDay 结束时间                     
                            return time.getTime() > Date.now() || time.getTime() > new Date(this.queryDate.currentDay).getTime();
                        } else {                    
                            return time.getTime() > Date.now();
                        }
    
                    }
                },
                pickerOptions2: {
                    disabledDate: (time) => { // this.queryDate.dayDate开始时间
                        return time.getTime() < new Date(this.queryDate.dayDate).getTime()  || time.getTime() > Date.now();
                    }
                },

原文地址:https://www.cnblogs.com/whlBooK/p/14445662.html