首页 > 其他 > 详细

elementui 中 日期时间插件 结束时间大于开始时间

时间:2018-12-11 16:34:37      阅读:680      评论:0      收藏:0      [点我收藏+]

界面代码:

<el-col :span="8">
<el-form-item label="开始日期" class="form-row-space">
<el-date-picker :picker-options="pickerOptionsStart" v-model="editDeviceGroup.start_date" type="date" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="结束日期" class="form-row-space">
<el-date-picker :picker-options="pickerOptionsEnd" v-model="editDeviceGroup.end_date" type="date" placeholder="选择日期时间"></el-date-picker>
</el-form-item>
</el-col>

前端代码:

return {
pickerOptionsStart: {
disabledDate: time => {
let endDateVal = this.editDeviceGroup.end_date;
if (endDateVal) {
return time.getTime() > new Date(endDateVal).getTime();
}
}
},
pickerOptionsEnd: {
disabledDate: time => {
let beginDateVal = this.editDeviceGroup.start_date;
if (beginDateVal) {
return (
time.getTime() <
new Date(beginDateVal).getTime() - (1 * 24 * 60 * 60 * 1000)+1
);
}
}
},
}

elementui 中 日期时间插件 结束时间大于开始时间

原文:https://www.cnblogs.com/chengyihardworking/p/10102875.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!