码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-12-11 17:28:44      阅读:655      评论:0      收藏:0      [点我收藏+]

标签:结束时间   tde   space   orm   send   new   gettime   edit   label   

界面代码:

<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 中 日期时间插件 结束时间大于开始时间

标签:结束时间   tde   space   orm   send   new   gettime   edit   label   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!