## html
<el-date-picker
type="date"
placeholder="开始日期"
v-model="customData.limitTime.startTime"
style="width: 100%;"
value-format="yyyy-MM-dd"
:picker-options="effectivePickerStart"
:editable="false"
></el-date-picker>
<el-date-picker
type="date"
placeholder="失效日期"
v-model="customData.limitTime.endTime"
:picker-options="effectivePickerEnd"
style="width: 100%;"
value-format="yyyy-MM-dd"
:editable="false"
></el-date-picker>
## data中定义该数据(数据不唯一)
customData: {
limitTime: {
startTime: "",
endTime: ""
}
},
effectivePickerStart: {
//时间限制
disabledDate: this.effectivePickerStartDisabledDate
},
effectivePickerEnd: {
//时间限制
disabledDate: this.effectivePickerEndDisabledDate
}
## 逻辑
effectivePickerStartDisabledDate(time) {
let timeGetTime = time.getTime();
let x = this.customData.limitTime.endTime;
if (x) {
let now = new Date(x).getTime() - 24 * 60 * 60 * 1000;
return timeGetTime > now;
}
},
effectivePickerEndDisabledDate(time) {
let timeGetTime = time.getTime();
let x = this.customData.limitTime.startTime;
let now = new Date(x).getTime() - 24 * 60 * 60 * 1000;
return timeGetTime < now;
},