Jquery 如何将一个输入到另一个输入的时间设置为一小时后？

我有一个表单，当我选择开始时间时，我想将结束时间设置为一小时后

我试着用这种方法来解决这个问题：

$('#timepicker2').val($('#timepicker1').val());

但什么也没发生：

时间格式为“HH:mm”

试试下面的代码

var firstDate = $("#timepicker1").val();
var hour = oldDate.getHours();
var newDate = firstDate.setHours(hour + 1);
$("#timepicker2").val(newDate);

希望这会有所帮助。

这里是一个关于您试图做什么的例子

var time1 = document.querySelector('#time1'),
    time2 = document.querySelector('#time2');

time1.addEventListener('change', function(e){
  time2.value = parseInt(time1.value) + 1;
});

基于新问题的更新

---

我已经尝试过像你这样的代码，但我遇到了两个问题：1）getHours不是一个函数2）打破了TimePickeries这正是我需要的。但我仍然有一个问题。当我在控制台中检查值$（'#timepicker1'）.val（）时，会得到类似“11:20”的结果。没有什么能增加这个价值，实际上这几乎是可行的。但在解析字符串值（如“16:20”）后，它将删除第二部分（如果您希望时间为hh:mm，则需要使用日期对象来解析时间。我可以更新示例。我不太明白如何在此处获取日期对象，然后将其解析为hh:mm格式(

var time1 = document.querySelector('#time1'),
    time2 = document.querySelector('#time2');

time1.addEventListener('change', function(e){
  time2.value = parseInt(time1.value) + 1;
});

var time1 = document.querySelector('#time1'),
    time2 = document.querySelector('#time2');

time1.value = '10:00';

time1.addEventListener('change', function(e){
  var t1 = time1.value.split(':').map(Number);

  if(t1[1] < 10) t1[1] = '0' + t1[1];

  t1[0] = (t1[0] + 1)%13;

  if(t1[0] === 0) t1[0] = 1;

  time2.value = t1.join(':');
}); 

var d = new Date();
d.setHours( d.getHours() + 1);