使用picker-options,代码块可见
<el-date-picker
v-model="queryParams.starttime"
type="datetime"
placeholder="选择起始日期时间"
format="yyyy-MM-dd HH:00:00"
@change="datachange"
/>
--
<el-date-picker
v-model="queryParams.endtime"
type="datetime"
placeholder="选择结束日期时间"
format="yyyy-MM-dd HH:00:00"
:picker-options="pickerOptionsEnd"
/>
定义开始和结束时间
starttime: this.getStartTime(),
endtime: this.getNowTime(),
注意,跟定义的时间一样是放到data下return里写的
pickerOptionsEnd: {
disabledDate: (time) => {
if (this.queryParams.starttime) {
return (
time.getTime() < new Date(this.queryParams.starttime).getTime() ||
time.getTime() >
new Date(this.queryParams.starttime).getTime() +
24 * 60 * 60 * 1000
)
}
},
},
想限制几天就把小时改了,一天24小时两天48小时,以此类推