![](https://img-blog.csdnimg.cn/20190319163942604.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dpdGh1Yl8zODI4MTMwOA==,size_16,color_FFFFFF,t_70)
<el-date-picker
v-model="formInline.time2"
type="datetimerange"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:disabled="disabledStates"
:picker-options="pickerOptions"
></el-date-picker>
public timeOptionRange: string = "";
public pickerOptions = {
onPick: time => {
//当第一时间选中才设置禁用
if (time.minDate && !time.maxDate) {
this.timeOptionRange = time.minDate;
}
if (time.maxDate) {
this.timeOptionRange = null;
}
},
disabledDate: time => {
let timeOptionRange: any = this.timeOptionRange;
let secondNum = 60 * 60 * 24 * 6 * 1000;
if (timeOptionRange) {
return (time.getTime() > timeOptionRange.getTime() + secondNum ||time.getTime() <
timeOptionRange.getTime() - secondNum);
}
}
};