使用jquery在开始时间添加一小时

Question

我有两个文本框。一个是开始时间，另一个是结束时间。当用户在开始时间输入时间时，如何自动添加一小时到结束时间框？

这些值是字符串，没有time的数据类型。我真的无法找到互联网上如何去做这件事。

例
Start time: <input type="text" id="startTime" />
End time: <input type="text" id="endTime" />

如果用户输入在startTime 14:00，我需要它自动填充endTime与15:00。

关于如何做到这一点的任何想法？谢谢。

Answer 1

I think this should work for you considering the above comments and your requirements

$('#startTime').keyup(function(){ 
    if(/[0-9]{2}\:[0-9]{2}/.test($(this).val())){ 
     var startTime = $(this).val().split(':'); 
     var endHours = parseInt(startTime[0]) +1; 
     endHours = Math.min(Math.max(endHours, 1), 24); 
     $('#endTime').val(endHours +':'+ startTime[1]); 
    } 
});