需求:
不管开始时间设置多少,结束时间永远在开始时间的4小时后
<el-form-item label="秒杀开始时间">
<template>
<el-date-picker
v-model="form.startTimeDate"
type="datetime"
placeholder="选择日期"
/>
</template>
</el-form-item>
<el-form-item label="秒杀结束时间">
<template>
<el-date-picker
v-model="form.endTimeDate"
type="datetime"
readonly
placeholder="选择日期"
/>
</template>
</el-form-item>
watch: {
'form.startTimeDate': function(val) {
if (val) {
var startTime = val;
this.form.endTimeDate = startTime.setHours(startTime.getHours() + 4);
startTime.setHours(startTime.getHours() - 4); // 这行很重要,不然开始时间会和结束时间一起增加4小时
}
},
},