給disabled-date屬性綁定一個方法
<el-date-picker
size="small"
:disabled-date="WriteStart"
v-model="selectConfig.writeStartDate"
type="date"
placeholder="選擇開始日期"
value-format="yyyy-MM-dd"
@change="function (val) {dateChange(val, 'writeStartDate')}"
clearable>
</el-date-picker>
<el-date-picker
size="small"
:disabled-date="WriteEnd"
v-model="selectConfig.writeEndDate"
type="date"
placeholder="選擇結束日期"
value-format="yyyy-MM-dd"
@change="function (val) {dateChange(val, 'writeEndDate')}"
clearable>
</el-date-picker>
methods:{
WriteStart(time){
let endDate = this.selectConfig.writeEndDate; // 結束時間
if(endDate) { // 如果結束時間已經選擇
return time.getTime() > new Date(endDate).getTime(); // 選擇的起始時間大於終點時間時不可以選
}
},
WriteEnd(time){
let startDate = this.selectConfig.writeStartDate; // 開始時間
if(startDate) { // 如果開始時間已經選擇
return time.getTime() < new Date(startDate).getTime(); // 選擇的終點時間小於起始時間時不可以選
}
},
}
