总结一些vue3小知识1:http://t.csdnimg.cn/C5vER
总结一些vue3小知识2:http://t.csdnimg.cn/sscid
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();
};