elementUI el-date-picker 時間範圍設置 固定時間段可選 配置

https://blog.csdn.net/sinat_37255207/article/details/91793889

 

<el-date-picker
v-model="startTimeAndEndTime"
@change='pickerTime'
type="datetimerange"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="-"
:picker-options="pickerOptions"
:default-time="['00:00:00','23:59:59']"

start-placeholder="開始日期"
end-placeholder="結束日期">
</el-date-picker>

 

官方文檔自帶的pickerOptions 事件 

 

...
 
 
 data() {
    return {
        
       
        pickerOptions:{
          
           disabledDate: (time) => {
       
          // 若是函數裏處理的數據比較麻煩,也能夠單獨放在一個函數裏,避免data數據太臃腫
          return this.dealDisabledDate(time);
        }
        },
 
}
}
 
 
 
 
 
methods: {
            dealDisabledDate (time) {
            // time 是一個new Date數據
            
            if(new Date(time).getTime()>new Date().getTime()){
                    return time.getTime() >= (new Date(this.SameDayPlus()).getTime()) ;
            }else{
                return time.getTime() < Date.now() - 2*8.64e7;//兩天以內 根據本身需求來定
            }
            
            },
}
 
...

　　這樣思路就比較明確了 只要時間戳大小判斷好  就能固定時間選擇器裏面的可選範圍