目標效果,做一個起止時間選擇,用戶在輸入時兩次分別選擇開始時間和結束時間,如下圖
對應的結束時間需要大於開始時間,先看代碼
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6;
},
},
pickerOptions0: {
isabledDate: (time) => {
if (this.ruleForm.startTime != "") {
return time.getTime() > Date.now() - 8.64e6 || time.getTime() <
this.ruleForm.startTime.getTime();
} else {
return time.getTime() > Date.now()- 8.64e6;
}
}
},
其中pickerOptions爲開始時間限制,pickerOptions0爲結束時間限制,
在ui組件里加入屬性:picker-options="pickerOptions0"就行了