iView 日期时间选择器设置开始时间至结束时间限制 https://www.lmcjl.com/post/204.html
elementui 日期选择器设置 开始时间不能大于结束时间，结束时间不能小于开始时间
简单容易，就不做详细解释了，复制粘贴，修改对应参数名即可
<el-date-picker
v-model="startTime"
size="small"
type="date"
placeholder="开始时间"
:picker-options="pickerOptionsStart"
>
</el-date-picker>
<el-date-picker
size="small"
v-model="endTime"
type="date"
placeholder="结束时间"
:picker-options="pickerOptionsEnd"
> data() {
return {
// 开始结束日期限制
pickerOptionsStart: {
disabledDate: (time) => {
if (this.endTime) {
return (
time.getTime() >= new Date(this.endTime).getTime()
);
}
}
},
// 结束日期限制
pickerOptionsEnd: {
disabledDate: (time) => {
if (this.startTime) {
return (
time.getTime() <= new Date(this.startTime).getTime()
);
}
}
}
}
}本文链接：https://my.lmcjl.com/post/20235.html
展开阅读全文
4 评论