javascript - 寻找使用 Javascript 从 Kendo UI timepickers 中减去时间的更好替代方法

Question

我目前有一个带有时间输入屏幕的 Asp.net MVC 4 应用程序。在这个屏幕上，我使用了一些各种 Kendo 控件和 Razor Html 帮助程序，例如:

 @(Html.Kendo().TimePickerFor(m => m.StartTime).Name("startTime"))

我对 endTime 也有同样的看法。现在我有一些 Javascript 可以正确处理我想要的结果，虽然四舍五入可能会更好，但它很困惑，我相信有更好的方法来处理它。该代码看起来像这样:

function change() {
        var startTime = $("#startTime").val()
        var endTime = $("#endTime").val()
        var start = "01/01/2015 " + startTime
        var end = "01/01/2015 " + endTime
        var timeDiff = Math.abs(new Date(end) - new Date(start));
        var d = timeDiff / 1000 / 60 / 60
        var diffM = d * 2
        var diffR = Math.ceil(diffM)
        var diff = diffR / 2

        $('#HoursWorked').val(diff)
        $('#TotalBillTime').val(diff)
    }

我想要的结果是从开始时间中减去结束时间，并将差值转换和四舍五入以显示为以小时为单位的 HoursWorked 计数。现在它需要几个小时和半小时。有没有办法避免所有这些额外的代码？另外，从数学上讲，有没有办法更精确地四舍五入或包括小时、半小时和刻钟？

如果这是一个糟糕的问题，我深表歉意，我是 Javascript 的新手，不熟悉许多其他库或对象。

Answer 1

查看 Moment.js

function change() {
    var startTime = $("#startTime").val()
    var endTime = $("#endTime").val()
    var start = "01/01/2015 " + startTime
    var end = "01/01/2015 " + endTime
    var timeDiff = moment(end) - moment(start);
    var diff = moment.duration(timeDiff).asHours();

    $('#HoursWorked').val(diff)
    $('#TotalBillTime').val(diff)
}

编辑

抱歉，这没有回答您关于以完整、一半和四分之一增量表示小时数的问题。为此，您仍然需要使用一些数学知识。您需要的公式是:

Math.ceil(hours * 4) / 4

例如:

> Math.ceil(1.053 * 4) / 4
1.25
> Math.ceil(1.50001 * 4) / 4
1.75
> Math.ceil(1.4999 * 4) / 4
1.5

回到这个例子:

var diff = moment.duration(timeDiff).asHours();
var roundedDiff = Math.ceil(diff * 4) / 4;