自学内容网 自学内容网

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


原文地址:https://blog.csdn.net/2202_75509848/article/details/140627968

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!