elementUI开始⽇期和结束⽇期做两个单独的输⼊框，⽇期逻辑
限制。
1，当开始⽇期和结束⽇期都没有设置值时，开始⽇期和结束⽇期都不⼤于当前⽇期。
2，开始⽇期设置值，结束⽇期范围在开始⽇期和当前⽇期之间。
3，结束⽇期设置值，开始⽇期范围在结束⽇期之前。
<el-form-item label="开始⽇期：" prop="createTime">
<el-date-picker type="date" placeholder="选择⽇期" :picker-options="pickerOptionsStart" v-model="ateTime" class="box-date-picker"></el-date-picker>
</el-form-item>
<el-form-item label="结束⽇期：" prop="completionDate">
elementui登录界面<el-date-picker type="date" placeholder="选择⽇期" :picker-options="pickerOptionsEnd" v-model="formpletionDate" class="box-date-picker"></el-date-picker> </el-form-item>
let that = this;
this.pickerOptionsStart = {
disabledDate(time) {
let endDateVal = that.formpletionDate;
if (endDateVal) {
Time() > new Date(endDateVal).getTime();
}
Time() > w() - 8.64e6;// 如果没有后⾯的-8.64e6就是不可以选择今天的
},
};
this.pickerOptionsEnd = {
disabledDate(time) {
let beginDateVal = ateTime;
if (beginDateVal) {
return (Time() < new Date(beginDateVal).getTime() || Time() > w() - 8.64e6);
}
Time() > w() - 8.64e6;
},
};

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。