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 事件 

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

...        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;//两天之内 根据自己需求来定             }                           }, }    ...

　　这样思路就比较明确了 只要时间戳大小判断好  就能固定时间选择器里面的可选范围