根据后端返回字段要求,如何动态限制日期范围
<el-form-item label="保险周期">
<el-date-picker
v-model="abc"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
@change="changeTestDate"
:picker-options="pickerOptions"
placeholder="请选择时间"
style="width: 90%"
>
</el-date-picker>
</el-form-item>
export default {
data(){
return{
abc:'',
minDate: "",
maxDate: "",
pickerOptions:{
// 限制日期
disabledDate:time=> {
let minDate = new Date(this.falseForm.SHENGXIAOSHIJIAN);
let maxDate = new Date(this.falseForm.SHIXIAO);
return time.getTime() < minDate || time.getTime() > maxDate;
}
},
},
methods:{
//限制选择日期
changeTestDate (val) {
if( val !== null){
//分别取到开始日期和结束日期
this.minDate = this.form.abc[0];
this.maxDate = this.form.abc[1];
}
},
}
}
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7; //今天和之后
}
},
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6; //今天和之前
}
},
}