vue项目中element-ui两个时间选择器的判断开始时间不大
2019-06-05 本文已影响0人
蜗牛和曼巴
静态
<el-form-item prop="starttime">
<el-date-picker
v-model="temp.starttime"
type="date"
:picker-options="starttime"
value-format="yyyy-MM-dd"
placeholder="开始时间"
/>
</el-form-item>
<el-form-item prop="endTime">
<el-date-picker
v-model="temp.endTime"
type="date"
:picker-options="endTime"
value-format="yyyy-MM-dd"
placeholder="结束时间"
/>
</el-form-item>
逻辑
return{
// 开始时间
starttime: {
disabledDate: time => {
if (this.temp.endtime) {
return (
time.getTime() > new Date(this.temp.endtime).getTime()
)
} else {
// 不能大于当前日期
return time.getTime() > Date.now()
}
}
},
// 结束时间
endTime: {
disabledDate: time => {
if (this.temp.starttime) {
return (
time.getTime() > Date.now() ||
time.getTime() < new Date(this.temp.starttime).getTime() - 8.64e7 // 加- 8.64e7则表示包当天
)
} else {
return time.getTime() < Date.now()
}
}
},
}