如何将小时数添加到所选时间？答案

【问题标题】：how to add hours to selected time?如何将小时数添加到所选时间？
【发布时间】：2014-04-23 14:32:33
【问题描述】：

我正在使用时间选择器，例如：

<input type="text" id="time" name="startTime" value="" onblur="changeTime()"> 
<input type="text" id="time1" name="endTime" value="">

$('#time').timepicker({
   'minTime': '9:00am',
   'maxTime': '8:00pm',
  'showDuration': true,
  'step': 15
});

如果我选择 id="time" 作为下午 1:00，那么下一个 id="time1" 应该包含 (+4) 即 5:00pm

所以我尝试了以下方法但没有成功。

 function changetime(){
     var endTime= document.getElementById('time').value;
     var temp=Math.abs(endTime.getTime());
     var total=Math.ceil(temp+(4));
     document.getElementById('time1').value=total;
 }

有人知道解决办法吗？

【问题讨论】：

标签： jquery jquery-ui jquery-ui-timepicker

【解决方案1】：

试试这个。

$('#time').timepicker({
    'minTime': '9:00am',
        'maxTime': '8:00pm',
        'showDuration': true,
        'step': 15
});
$('#time').on('changeTime', function () {
    var temp = $(this).val();
    var hoursMinutes = temp.substring(0, temp.length - 2).split(":");
    var meridian = temp.substring(temp.length - 2).toLowerCase();
    var newMeridian = meridian;
    var newHours = +hoursMinutes[0] + 4;
    var newMinutes = hoursMinutes[1];
    if (newHours >= 12) {
        newMeridian = (meridian ==="pm")? "am" : "pm";
    }
    if (newHours > 12) {
        newHours -= 12;
    }
    var newTime = newHours + ":" + newMinutes + newMeridian;
    $('#time1').val(newTime);
});

工作演示：http://jsfiddle.net/codovations/g2VLQ/1/

【讨论】：

【解决方案2】：

.getTime() 返回一个以毫秒为单位的数字，而不是小时。

尝试改用.getHours() 和.setHours()：

 function changetime(){
     var endTime = document.getElementById('time').value;
     var temp = endTime.getHours();
     var total = temp+4;
     document.getElementById('time1').value = entTime.setHours(total);
 }

【讨论】：