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

How to compare two datetime in javascript?

本文关键字：两个 日期 时间 javascript 比较      更新时间：2024-03-02

我尝试从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,

            }

否则不起作用！谷歌地图上有truckOnline标记。我的错误在哪里？

LastRecordTime格式类似于SQL中的格式：2013年12月4日01:03:00

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

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中包含的字符串的格式为："MM.DD.YYYY HH:MM:SS"。

这听起来像是一种逃避，但我会切换到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在日期和月份有随机的逐个问题（一个是基于零的问题，另一个是以一为基础的问题）。问题很可能出现在这一行：

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

如果你切换到MomentJS，这些问题就会消失。我已经花了很多时间来解决同样的问题，所以我理解！

附言：试试日历（）格式化功能。。。它可能非常适合您的UI。

要比较Javascript中的日期和时间，我们需要在Date对象中以"yyyy/mm/dd HH:mm"格式传递它们，例如"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');
        }
    });
});

您也可以在这里看到一个工作演示

我通过SQL解决了问题。

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

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

if(DifferenceMinute>10)
 { 
  bla bla
  }
 else 
 {
 bla bla
  }
相关文章：