el-timepicker动态加载值

如图两个时间选择器，选择了第一个timepicker后自动加载第二个timepicker的值，要求在第一个timepicker选择的时间一小时后（就比如我选择了15:00，第二个timepicker的值自动加载为16:00）。

因为这里我用了element官方给的format方法，把值转化成了string，我就不知道该怎么做了。。麻烦大 神解答一下。

<el-time-picker v-model="start" format="HH:mm" value-format="HH:mm" @change="getEndTime"></el-time-picker>
<el-time-picker v-model="end" format="HH:mm" value-format="HH:mm"></el-time-picker>

getEndTime(value) {
  this.end = Number(value.split(':')[0]) + 1 + ':' + value.split(':')[1];
  console.log(this.end)
},

你可以这么做，在第一个时间发生变化的时候，得到这个时间，再加一个小时到开始时间行，把得到的时候付给第二个时间。
具体做法，第一个timePicker 里加个change的监听，假设第二个timePicker对应的model值是value2.

<el-time-picker
    v-model="value1"
    placeholder="任意时间点"
    @change="handleStartChange"
  >
  </el-time-picker>
  <el-time-picker
    arrow-control
    v-model="value2"
    placeholder="任意时间点"
  >
  </el-time-picker>

methods: {
      handleStartChange(start){
        let startTimeNumber= start.getTime();
        let endDate = new Date(startTimeNumber+60*60*1000);
        this.value2=endDate;
      },
}