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 中国大陆许可协议进行许可。

posted @   喵喵队立大功  阅读(894)  评论(0编辑  收藏  举报
评论
收藏
关注
推荐
深色
回顶
收起
点击右上角即可分享
微信分享提示