如何在JavaScript中比较两个日期时间？

Question

我尝试通过C#中的JSON解析创建标记。在JavaScript中，我遇到了一个关于日期比较的小问题。

  var nowDate= new Date();

  var LastTenMin= new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(),nowDate.getHours(),nowDate.getMinutes()- 10);

 var Time1= data2.LastRecordTime;

 var image2;

  var status;


  if (new Date(Time1) < new Date(LastTenMin)) {


  image2 = '/Images/truckOnline.png';


   status = "Truck is online."+"\n"+"Last seen:"+" "+Time1,

   }

 else {


   image2 = '/Images/truckOffline.png';
   status = "Truck is offline"+"\n"+"Last seen:"+" "+Time1,


            }

else 无法正常工作！在谷歌地图上有卡车在线标记。我的错误在哪里？

而在SQL中，LastRecordTime 的格式如下：04.12.2013 01:03:00。

    LastRecordTime=CONVERT(VARCHAR(10), [ReadTimeColumn], 104) + ' ' + CONVERT(VARCHAR(8), [ReadTimeColumn],108)

- Mhmt

Answer 1

Mehmet，

看起来您打错了：

  var LastTenMin= new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(),nowDate.getHours(),nowDate.getMinutes(),- 10);

应该是（注意逗号）：

  var LastTenMin= new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(),nowDate.getHours(),nowDate.getMinutes() - 10);

另外，您试图从一个日期对象创建一个新的日期对象，这是不正确的：

 new Date(LastTenMin)

以下是更完整的解决方案：

var nowDate= new Date();
var Time1 = new Date("04/12/2013 01:03:00");
var LastTenMin= new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours(), nowDate.getMinutes() - 10);

// Should return true 
console.log(Time1 < LastTenMin);

// Change the year to a point in the future
Time1 = new Date("04/12/2014 01:03:00");

// Shold return false
console.log(Time1 < LastTenMin);

// So your original conditional should look like this:
if (Time1 < LastTenMin) {
    image2 = '/Images/truckOnline.png';
    status = "Truck is online."+"\n"+"Last seen:"+" "+Time1;
} else {
    image2 = '/Images/truckOffline.png';
    status = "Truck is offline"+"\n"+"Last seen:"+" "+Time1;
}

// And a more concise form:
var isOnline = !(Time1 < LastTenMin);
var image2 = isOnline ? '/Images/truckOnline.png' : '/Images/truckOffline.png';
var status = "Truck is " + (isOnline ? "Online" : "Offline") + "." + "\n" + "Last seen:" + " " + Time1

这里是没有注释的解决方案：

var nowDate= new Date();
var Time1 = new Date(data2.LastRecordTime);
var LastTenMin= new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), nowDate.getHours(), nowDate.getMinutes() - 10);
var isOnline = !(Time1 < LastTenMin);
var image2 = isOnline ? '/Images/truckOnline.png' : '/Images/truckOffline.png';
var status = "Truck is " + (isOnline ? "Online" : "Offline") + "." + "\n" + "Last seen:" + " " + Time1

我整个解决方案的假设是，data2.LastRecordTime中包含的字符串的格式为："月.日.年 时:分:秒"。

- bigbangtheorem

---

更新了一个可以直接使用的代码片段。我的示例是为了说明问题，不能作为即插即用的解决方案。 - bigbangtheorem

我尝试了您更新后的答案，但仍然失败！在SQL中，data2.LastRecordTime已经格式化为04.12.2013 01:03:00。 - Mhmt

Answer 2

为了在JavaScript中比较带有时间的日期，我们需要将它们以“yyyy/mm/dd HH:mm”的格式传递给Date对象，例如像"2014/05/19 23:20" 。然后，您可以根据业务规则使用>或<小于符号进行比较。请参见下面提供的代码以获得更多理解。

$(function () {

    $("input#Submit").click(function () {
        var startDateTime = $("input[name='StartDateTime']").val();
        var endDateTime = $("input[name='EndDateTime']").val();

        var splitStartDate = startDateTime.split(' ');
        var splitEndDate = endDateTime.split(' ');

        var startDateArray = splitStartDate[0].split('/');
        var endDateArray = splitEndDate[0].split('/');

        var startDateTime = new Date(startDateArray[2] + '/ ' + startDateArray[1] + '/' + startDateArray[0] + ' ' + splitStartDate[1]);
        var endDateTime = new Date(endDateArray[2] + '/ ' + endDateArray[1] + '/' + endDateArray[0] + ' ' + splitEndDate[1]);

        if (startDateTime > endDateTime) {
            $("#Error").text('Start date should be less than end date.');
        }
        else {
            $("#Error").text('Success');
        }
    });

});

您可以在此处查看一个实际演示 here。

- Jitender Kumar

Answer 3

这可能听起来有点推卸责任，但我建议您切换到MomentJS，以便获得以下代码：

var Time1 = moment("04/12/2013 01:03:00");
var lastTenMin = moment().subtract({minutes: 10});

if(Time1.isBefore(lastTenMin)){
    image2 = '/Images/truckOnline.png';
    status = "Truck is online."+"\n"+"Last seen:"+" "+Time1.local();
} else {
    image2 = '/Images/truckOffline.png';
    status = "Truck is offline"+"\n"+"Last seen:"+" "+Time1.local();
}    

记住，JavaScript对日期和月份有随机的偏移问题（一个是从0开始计数，另一个是从1开始计数）。问题很可能出在这行代码中：

var LastTenMin= new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(),nowDate.getHours(),nowDate.getMinutes()- 10);

如果您转换到MomentJS，这些问题将会消失。我已经浪费了很多时间来解决这些相同的问题，所以我理解！请尝试一下calendar()格式化功能……它可能适合您的UI。

- Ivan Plenty

---

是的，有的。如果你发现怪问题，可以指定自己的自定义格式：http://momentjs.com/docs/#/parsing/string-format/ - Ivan Plenty

哦，抱歉。谢谢。我会再检查一遍。 - Mhmt

Answer 4

我用SQL解决了这个问题。

我为现在时间和ReadTime之间的分钟差设置了一个新的列。

    DifferenceMinute=DATEDIFF(MINUTE,ReadTime,GETDATE())



if(DifferenceMinute>10)

 { 

  bla bla

  }

 else 
 {

 bla bla

  }

- Mhmt