如何使用jquery计算两个时间之间的小时数？

Question

我正在尝试计算两个时间之间的小时数。

以下是我目前的代码，但这段代码有两个问题：

1） 我需要 .Hours 以小数形式输出时间。

（例如，一个半小时应输出 1.5，15 分钟应该是 0.25）。

2） 目前的计算没有将时间值视为 time。

（例如，23:00 到 2:00 应该等于 3 而不是当前的 -21）。

---

HTML

<input class="Time1" value="10:00" />
<input class="Time2" value="12:00" />
<input class="Hours" value="0" />

JQUERY

 $(function () {
     function calculate() {
         var hours = parseInt($(".Time2").val().split(':')[0], 10) - parseInt($(".Time1").val().split(':')[0], 10);
         $(".Hours").val(hours);
     }
     $(".Time1,.Time2").change(calculate);
     calculate();
 });

http://jsfiddle.net/44NCk/

- DreamTeK

Answer 1

如果您得到了一个负值，那么简单方法是将24小时加上去，这样就可以得到您的结果。

var hours = parseInt($(".Time2").val().split(':')[0], 10) - parseInt($(".Time1").val().split(':')[0], 10);

// if negative result, add 24 hours
if(hours < 0) hours = 24 + hours;

演示: http://jsfiddle.net/44NCk/1/

将分钟转换为小数需要更多的操作，您可以在此jsfiddle中查看：http://jsfiddle.net/44NCk/2/

function calculate() {
     var time1 = $(".Time1").val().split(':'), time2 = $(".Time2").val().split(':');
     var hours1 = parseInt(time1[0], 10), 
         hours2 = parseInt(time2[0], 10),
         mins1 = parseInt(time1[1], 10),
         mins2 = parseInt(time2[1], 10);
     var hours = hours2 - hours1, mins = 0;

     // get hours
     if(hours < 0) hours = 24 + hours;

     // get minutes
     if(mins2 >= mins1) {
         mins = mins2 - mins1;
     }
     else {
         mins = (mins2 + 60) - mins1;
         hours--;
     }

     // convert to fraction of 60
     mins = mins / 60; 

     hours += mins;
     hours = hours.toFixed(2);
     $(".Hours").val(hours);
 }

- techfoobar

---

有没有什么办法可以将分钟计算为小数？ - DreamTeK

或者 hours += (hours < 0 ? 24 : 0)。 - moonwave99

@techfoobar 哇，这太棒了，非常感谢。多谢。 - DreamTeK

@techfoobar这个程序运行得非常好，只有一个例外：当持续时间为23-24小时时，结果仍然是负数。因为你的if语句，我不明白为什么会出现这种情况？http://jsfiddle.net/44NCk/3/ - DreamTeK

在小时条件中存在逻辑错误。已更正版本在此：http://jsfiddle.net/44NCk/4/ - techfoobar

Answer 2

function timeobject(t){
  a = t.replace('AM','').replace('PM','').split(':');
  h = parseInt(a[0]);
  m = parseInt(a[1]);
  ampm = (t.indexOf('AM') !== -1 ) ? 'AM' : 'PM';
  return {hour:h,minute:m,ampm:ampm};
}

function timediff(s,e){
  s = timeobject(s);
  e = timeobject(e);
  e.hour = (e.ampm === 'PM' &&  s.ampm !== 'PM' && e.hour < 12) ? e.hour + 12 : e.hour;
  hourDiff = Math.abs(e.hour-s.hour);
  minuteDiff = e.minute - s.minute;

  if(minuteDiff < 0){
    minuteDiff = Math.abs(60 + minuteDiff);
    hourDiff = hourDiff - 1;
  }

  return hourDiff+':'+ Math.abs(minuteDiff);
}

difference = timediff('09:10 AM','12:25 PM');  // output 3:15
difference = timediff('09:05AM','10:20PM');  // output 13:15

- rk3263025

---

更新了我的回答，希望你能轻松理解。 - rk3263025

Answer 3

 $(function () {
     function calculate() {
         var time1 = $(".Time1").val().split(':'), time2 = $(".Time2").val().split(':');
         var hours1 = parseInt(time1[0], 10), 
             hours2 = parseInt(time2[0], 10),
             mins1 = parseInt(time1[1], 10),
             mins2 = parseInt(time2[1], 10),
             seconds1 = parseInt(time1[2], 10),
             seconds2 = parseInt(time2[2], 10);
         var hours = hours2 - hours1, mins = 0, seconds = 0;
         if(hours < 0) hours = 24 + hours;
         if(mins2 >= mins1) {
             mins = mins2 - mins1;
         }
         else {
             mins = (mins2 + 60) - mins1;
             hours--;
         }

         if (seconds2 >= seconds1) {
                seconds = seconds2 - seconds1;
         }
         else {
                seconds = (seconds2 + 60) - seconds1;
            mins--;
         }

         seconds = seconds/60;
         mins += seconds;

         mins = mins / 60; // take percentage in 60
         hours += mins;
         //hours = hours.toFixed(4);
         $(".Hours").val(hours);
     }
     $(".Time1,.Time2").change(calculate);
     calculate();
 });

- user6736994

Answer 4

这是一个HTML代码。

 <input type="text" name="start_time" id="start_time" value="12:00">
 <input type="text" name="end_time" id="end_time" value="10:00">
 <input type="text" name="time_duration" id="time_duration">

这里是 JavaScript 代码

function timeCalculating()
  {
    var time1 = $("#start_time").val();
    var time2 = $("#end_time").val();
    var time1 = time1.split(':');
    var time2 = time2.split(':');
    var hours1 = parseInt(time1[0], 10), 
    hours2 = parseInt(time2[0], 10),
    mins1 = parseInt(time1[1], 10),
    mins2 = parseInt(time2[1], 10);
    var hours = hours2 - hours1, mins = 0;
    if(hours < 0) hours = 24 + hours;
    if(mins2 >= mins1) {
        mins = mins2 - mins1;
    }
    else {
      mins = (mins2 + 60) - mins1;
      hours--;
    }
    if(mins < 9)
    {
      mins = '0'+mins;
    }
    if(hours < 9)
    {
      hours = '0'+hours;
    }
    $("#time_duration").val(hours+':'+mins);
  }

- Sumit Kumar Gupta

---

你好，能否请您将脚本扩展为带有时间小数输出的版本？例如，将08:24转换为8.4小时。另一个不错的选择是添加休息时间功能。比如说，假设休息时间为01:06（1小时6分钟）。谢谢。 - user727198

在这里找到您的答案<script> timeCalculating(); function timeCalculating() { var time1 = "12:06"; var a = time1.split(':') + ' h'; alert(a); }
timeCalculating1(); function timeCalculating1() { var time1 = "12:06"; var a = time1.split(':'); alert(a[0] + ' 小时和 ' + a[1] + ' 分钟'); } </script> - Sumit Kumar Gupta