使用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]); 
    } 
});