Element日期选择控件 设置结束时间比开始时间多4小时

需求:
不管开始时间设置多少,结束时间永远在开始时间的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小时
    }
  },
},

猜你喜欢

转载自blog.csdn.net/xiamoziqian/article/details/116057015