Установка пользовательского время на начальной загрузке TimePicker

Question

у меня есть 2 времени сборщиков на моей странице, как

<div class="form-group"> 
    <input class="time ui-timepicker-input" id="FromTime" name="FromTime" type="text" value="" autocomplete="off">    
</div> 
<div class="form-group"> 
    <input class="time ui-timepicker-input" id="ToTime" name="FromTime" type="text" value="" autocomplete="off">    
</div> 
$(document).ready(function() { 
    $('#ToTime').timepicker(); 
    $('#FromTime').timepicker();   
}); 

Теперь я хочу, чтобы установить Totime = FromTime + 1 час

Чтобы поднять FromTime события изменения значения и я используйте код

$('#FromTime').timepicker().on('changeTime.timepicker', function(e) { 
    //how to get selected time here 
    //set ToTime value with a difference of 1 hour ie if 12:30 am selected set ToTime as 1:30 am 
}); 

Answer 1

Попробуйте этот код

Demo

JS

$(document).ready(function() { 
    $('#FromTime').timepicker({ 
     defaultTime: false 
    }); 
}); 
var HoursToAdd = 2; 
$('#FromTime').timepicker().on('changeTime.timepicker', function (e) { 
    var meridian = e.time.meridian 
    var hours = e.time.hours 
    var minutes = e.time.minutes 
    var seconds = e.time.seconds 
    var NewTime; 
    if (meridian == 'AM') { 
     NewTime = new Date('', '', '', hours, minutes, seconds) 
    } else if (meridian == 'PM') { 
     NewTime = new Date('', '', '', (hours + 12), minutes, seconds) 
    } 
    NewTime.setHours(NewTime.getHours() + HoursToAdd) 
    $('#ToTime').timepicker({ 
     defaultTime: NewTime.getHours() + " : " + NewTime.getMinutes() 
    }); 
});