1.限制时间选择器只能选择后面的日期
说明:disabled-date属性是一个用来判断该日期是否被禁用的函数,接受一个 Date 对象作为参数。 应该返回一个 Boolean 值。
<el-date-picker class="w180" v-model="datas.form.timeDate[0]" type="date"
:disabled-date="disabledDaysA" placeholder="开始日期"
value-format="YYYY-MM-DD"></el-date-picker>
-
<el-date-picker class="w180" v-model="datas.form.timeDate[1]" type="date"
:disabled-date="disabledDaysB" placeholder="结束日期"
value-format="YYYY-MM-DD"></el-date-picker>
const disabledDaysA = (time) => {
let date = new Date(datas.form.timeDate[1]);
return time.getTime() > date.getTime();
};
const disabledDaysB = (time) => {
let date = new Date(datas.form.timeDate[0]);
return time.getTime() < date.getTime();
};