页面
<span class="searchtime">开始时间:</span>
<el-date-picker
size="small"
v-model="searchingCondition.beginTime"
type="date"
:picker-options="startTime"
placeholder="选择开始日期"
value-format="yyyy-MM-dd">
</el-date-picker>
<span class="searchtime">结束时间:</span>
<el-date-picker
size="small"
v-model="searchingCondition.endTime"
type="date"
:picker-options="endTime"
placeholder="选择结束时间"
value-format="yyyy-MM-dd">
</el-date-picker>
方法
data() {
return {
searchingCondition: {
beginTime: '',
endTime: '',
},
/* start */
startTime: {
disabledDate: time => {
if (this.searchingCondition.endTime) {
return (
time.getTime() > new Date(this.searchingCondition.endTime).getTime()
);
} else {
return time.getTime() > Date.now();
}
}
},
endTime: {
disabledDate: time => {
if (this.searchingCondition.beginTime) {
return (
time.getTime() > Date.now() ||
time.getTime() < new Date(this.searchingCondition.beginTime).getTime()
);
} else {
return time.getTime() > Date.now();
}
}
},
/* end*/
};
},
补充:只能选择下个月以后的数据
effectiveTime: {
disabledDate: time => {
const oneMonth = 30 * 24 * 3600 * 1000
const mintime = Date.now() + oneMonth;
return time.getTime() < mintime;
}
},