<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();
}
},