计算小时之间的差异

Question

我已经搜索过 SO 并找到了解决方案，但他们不使用 date-fns 或者只是不工作，因为他们正在计算天数，而我只关注同一天的几个小时。

我正在尝试计算两个日期之间的差异，或者更具体地说，是同一天的几个小时之间的差异，以便我可以知道某人何时打卡和打卡，并计算他们当天工作的小时数。

我正在使用 date-fns

如果我运行console.log(this.myForm.value.startTime)，我会得到14:00。

如果我运行console.log(this.myForm.value.endTime)，我会得到16:00。

这是我计算小时数的函数。

updateHours() {
    var end = dateFns.format(new Date(this.myForm.value.endTime, 'HH:mm'));
    var start = dateFns.format(new Date(this.myForm.value.startTime, 'HH:mm'));
    var result = dateFns.differenceInMinutes(
        new Date(end),
        new Date(start)
    )
    console.log(result);
}

result 的值始终为NaN

我做错了什么？

Answer 1

正在进行的解析不正确，因为您只想获得 minutes 中的差异，因此采用这种方法会更容易。

设置为end 和start 变量的值在原始代码中未定义。

在下面的 sn-p 中我创建了一个新日期，使用日期方法 .setHours() 设置小时和分钟。

date.setHours(0, 0, 0);   // Set hours, minutes and seconds

var start_time = "14:00";
var end_time = "16:00";

function updateHours() {
  var current = new Date();
  var start = current.setHours(start_time.split(":")[0], start_time.split(":")[1], 0);
  var end = current.setHours(end_time.split(":")[0], end_time.split(":")[1], 0);
  console.log(start, end)
  var result = dateFns.differenceInMinutes(
    end,
    start
  )
  console.log(result);
}
updateHours();

.as-console {
  height: 100%;
}

.as-console-wrapper {
  max-height: 100% !important;
  top: 0;
  text-align:center;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/date-fns/1.29.0/date_fns.min.js"></script>

参考资料：

1. Set hours

Answer 2

我认为如果你有两个 Date 对象，减去 Date.prototype.getTime 得到差值真的很容易（所以不要用 dateFns 格式化）

var minutes = Math.abs(start.getTime() - end.getTime()) / 60000 // display in minutes

你也可以圆，Math.round(minutes)

希望对你有帮助:)