el-date-picker在type为daterange时限定,日期的结束时间必须大于起始时间
给disabled-date属性绑定一个方法
<el-date-picker size="small" :disabled-date="WriteStart" v-model="selectConfig.writeStartDate" type="date" placeholder="选择开始日期" value-format="yyyy-MM-dd" @change="function (val) {dateChange(val, 'writeStartDate')}" clearable> </el-date-picker> <el-date-picker size="small" :disabled-date="WriteEnd" v-model="selectConfig.writeEndDate" type="date" placeholder="选择结束日期" value-format="yyyy-MM-dd" @change="function (val) {dateChange(val, 'writeEndDate')}" clearable> </el-date-picker>
methods:{ WriteStart(time){ let endDate = this.selectConfig.writeEndDate; // 结束时间 if(endDate) { // 如果结束时间已经选择 return time.getTime() > new Date(endDate).getTime(); // 选择的起始时间大于终点时间时不可以选 } }, WriteEnd(time){ let startDate = this.selectConfig.writeStartDate; // 开始时间 if(startDate) { // 如果开始时间已经选择 return time.getTime() < new Date(startDate).getTime(); // 选择的终点时间小于起始时间时不可以选 } }, }
本文作者:oaoa
本文链接:https://www.cnblogs.com/oaoa/p/15976339.html
版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步