<el-date-picker :editable="datePickerSetting" :clearable="datePickerSetting" :picker-options="beginTimeOption" type="datetime" v-model="searchForm.beginTime" style="width: 210px"></el-date-picker>
<span class="line">---</span>
<el-date-picker :editable="datePickerSetting" :clearable="datePickerSetting" :picker-options="endTimeOption" type="datetime" v-model="searchForm.endTime" style="width: 210px"></el-date-picker>
条件一:前后间隔3天
getDateBefore(AddDayCount) {
var dd = new Date();
dd.setDate(dd.getDate() - AddDayCount);
var y = dd.getFullYear();
var m = dd.getMonth() < 10 ? '0' + dd.getMonth() : dd.getMonth();
var d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate();
var hour = dd.getHours();
var min = dd.getMinutes();
var sec = dd.getSeconds();
return {
year: y,
month: m,
day: d,
hour: hour,
min: min,
sec: sec
};
},
beginTime: new Date(utils.getDateBefore(3).year, utils.getDateBefore(3).month, utils.getDateBefore(3).day, 0, 0, 0),
endTime: new Date(utils.getDateBefore(-1).year, utils.getDateBefore(-1).month, utils.getDateBefore(-1).day, 0, 0, 0),
条件二:结束时间最小到开始时间,开始时间最大到结束时间
beginTimeOption: {
disabledDate(date) {
return date.getTime() >= new Date(utils.getDateBefore(-1).year, utils.getDateBefore(-1).month, utils.getDateBefore(-1).day, 0, 0, 0);
}
},
endTimeOption: {
disabledDate(date) {
return date.getTime() <= new Date(utils.getDateBefore(3).year, utils.getDateBefore(3).month, utils.getDateBefore(3).day, 0, 0, 0);
}
},
watch: {
['searchForm.beginTime'](val) {
this.endTimeOption = {
disabledDate(date) {
return date.getTime() <= new Date(val);
}
}
},
['searchForm.endTime'](val) {
this.beginTimeOption = {
disabledDate(date) {
return date.getTime() >= new Date(val);
}
}
}
}