element-ui時間選擇器限制範圍

目標效果,做一個起止時間選擇,用戶在輸入時兩次分別選擇開始時間和結束時間,如下圖

對應的結束時間需要大於開始時間,先看代碼

    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"就行了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章