总结一些vue3小知识3

总结一些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();
};