ElementUI日期选择器实现禁用多时间段

禁用时间段为后端返回数据

产品需求为：
后台数据中返回时间段，在选择开始日期时为不可选状态。

当开始日期选定后，
1、截止日期输入框中早于当前日期前的日期禁用
2、截止日期输入框中如果有已经禁用的日期，禁用日期中从最早的一天开始之后的日期全部禁用，只能选择开始日期当天~禁用日期中最早的一天的前一天
3、截止日期输入框中如果没有已经禁用的日期，则开始日期当天和后续的日期都可以选择
如上图，我选择的是17号那一天，那么在这里只有17-22号之前可选，后面需全部禁用掉

下面上代码：
组件：

		<el-form-item label="合同生效日期" prop="value1"><el-date-pickerv-model="dataForm.value1"type="date":picker-options="pickerOptions" //在data中绑定@focus="getDat" //用来接收后端传递过来的数据@change="subMit" //用来对比截止日期的数据placeholder="选择日期"></el-date-picker></el-form-item><el-form-item label="有效截止日期" prop="value2"><el-date-pickerv-model="dataForm.value2"type="date":picker-options="pickerOptions1" //在data中绑定@focus="getDat"placeholder="选择日期"></el-date-picker></el-form-item>

data定义：

data()

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！