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