el-timepicker动态加载值

Question

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

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

Answer 1

<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)
},