仅比较日期部分而不比较JavaScript中的时间

Question

下面的代码有什么问题？

也许比较日期而不是时间会更简单.我不知道怎么做,我搜索,但我找不到我的确切问题.

顺便说一句,当我在警报中显示两个日期时,它们显示完全相同.

我的代码:

window.addEvent('domready', function() {
    var now = new Date();
    var input = $('datum').getValue();
    var dateArray = input.split('/');
    var userMonth = parseInt(dateArray[1])-1;
    var userDate = new Date();
    userDate.setFullYear(dateArray[2], userMonth, dateArray[0], now.getHours(), now.getMinutes(), now.getSeconds(), now.getMilliseconds());

    if (userDate > now)
    {
        alert(now + '\n' + userDate);
    }
});

是否有更简单的方法来比较日期而不包括时间？

Answer 1

我还在学习JavaScript,而且我发现哪种方法可以让我在没有时间的情况下比较两个日期的唯一方法是使用setHoursDate对象的方法并将小时,分钟,秒和毫秒设置为零.然后比较两个日期.

例如,

date1 = new Date()
date2 = new Date(2011,8,20)

date2将小时,分钟,秒和毫秒设置为零,但date1将它们设置为创建date1的时间.要消除date1上的小时,分​​钟,秒和毫秒,请执行以下操作:

date1.setHours(0,0,0,0)

现在,您只需将两个日期作为日期进行比较,而无需担心时间元素.

Answer 2

请注意时区

使用日期对象直接表示只是一个日期会让你陷入一个巨大的超额精度问题.您需要管理时间和时区以防止它们出现,并且他们可以在任何步骤中潜入.这个问题的公认答案属于陷阱.

javascript日期没有时区概念.它是一个时刻(自纪元以来的刻度),具有用于转换到字符串和从字符串转换的方便(静态)函数,默认情况下使用设备的"本地"时区,或者,如果指定,则使用UTC或其他时区.要使用日期对象表示日期,您希望日期代表相关日期开始时的UTC午夜.这是一个常见且必要的约定,可让您使用日期,无论其创建的季节或时区如何.因此,在创建午夜UTC日期对象以及序列化时,您需要非常警惕地管理时区的概念.

很多人都对控制台的默认行为感到困惑.如果您向控制台喷涂日期,您看到的输出将包含您的时区.这只是因为控制台会调用toString()您的日期,并toString()为您提供本地代表.基础日期没有时区!(只要时间与时区偏移相匹配,您仍然有午夜UTC日期对象)

反序列化(或创建午夜UTC日期对象)

大多数情况下,您希望您的日期反映用户的时区.点击今天是你的生日.新西兰和美国的用户同时点击并获得不同的日期.在这种情况下,这样做......

// create a date (utc midnight) reflecting the value of myDate and the environment's timezone offset.
new Date(Date.UTC(myDate.getFullYear(),myDate.getMonth(), myDate.getDate()));

有时,国际可比性胜过当地的准确性.在这种情况下,这样做......

// the date in London of a moment in time. Device timezone is ignored.
new Date(Date.UTC(myDate.getUTCFullYear(), myDate.getUTCMonth(), myDate.getUTCDate()));

反序列化日期

通常,电线上的日期将采用YYYY-MM-DD格式.要反序列化它们,请执行此操作...

var midnightUTCDate = new Date( dateString + 'T00:00:00Z');

序列化

在创建时注意管理时区,现在需要确保在转换回字符串表示时保留时区.所以你可以安全地使用......

• toISOString()
• getUTCxxx()
• getTime() //returns a number with no time or timezone.
• .toLocaleDateString("fr",{timezone:"UTC"}) // whatever locale you want, but ALWAYS UTC.

完全避免其他一切,特别是......

• getYear(),getMonth(),getDate()

所以回答你的问题,7年来为时已晚......

<input type="date" onchange="isInPast(event)">
<script>
var isInPast = function(event){
  var userEntered = new Date(event.target.valueAsNumber); // valueAsNumber has no time or timezone!
  var now = new Date();
  var today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() ));
  if(userEntered.getTime() < today.getTime())
    alert("date is past");
  else if(userEntered.getTime() == today.getTime())
    alert("date is today");
  else
    alert("date is future");

}
</script>

看它正在运行......

Answer 3

这个怎么样？

Date.prototype.withoutTime = function () {
    var d = new Date(this);
    d.setHours(0, 0, 0, 0);
    return d;
}

它允许您比较日期的日期部分,而不会影响变量的值:

var date1 = new Date(2014,1,1);
new Date().withoutTime() > date1.withoutTime(); // true

Answer 4

使用Moment.js

如果您可以选择包含第三方库,那么绝对值得一看Moment.js.它与工作Date和DateTime非常非常容易.

例如,查看一个日期是否在另一个日期之后,但不包括它们的时间,您将执行以下操作:

var date1 = new Date(2016,9,20,12,0,0); // October 20, 2016 12:00:00
var date2 = new Date(2016,9,20,12,1,0); // October 20, 2016 12:01:00

// Comparison including time.
moment(date2).isAfter(date1); // => true

// Comparison excluding time.
moment(date2).isAfter(date1, 'day'); // => false

你传递到第二个参数isAfter是精度做比较,可以是任意的year,month,week,day,hour,minute或second.

Answer 5

只需使用.toDateString进行比较,如下所示:

new Date().toDateString();

这将仅返回日期部分而不是时间或时区,如下所示:

"2017年2月3日星期五"

因此,两种日期都可以用这种格式进行比较,同时没有时间的一部分.

Answer 6

只需在两个日期使用 toDateString() 即可。toDateString 不包括时间，因此对于同一日期的 2 次，值将相等，如下所示。

var d1 = new Date(2019,01,01,1,20)
var d2 = new Date(2019,01,01,2,20)
console.log(d1==d2) // false
console.log(d1.toDateString() == d2.toDateString()) // true

显然，在这个问题的其他地方表达的一些时区问题是有效的，但在许多情况下，这些并不相关。

Answer 7

这可能是一个更简洁的版本,还要注意在使用parseInt时应始终使用基数.

window.addEvent('domready', function() {
    // Create a Date object set to midnight on today's date
    var today = new Date((new Date()).setHours(0, 0, 0, 0)),
    input = $('datum').getValue(),
    dateArray = input.split('/'),
    // Always specify a radix with parseInt(), setting the radix to 10 ensures that
    // the number is interpreted as a decimal.  It is particularly important with
    // dates, if the user had entered '09' for the month and you don't use a
    // radix '09' is interpreted as an octal number and parseInt would return 0, not 9!
    userMonth = parseInt(dateArray[1], 10) - 1,
    // Create a Date object set to midnight on the day the user specified
    userDate = new Date(dateArray[2], userMonth, dateArray[0], 0, 0, 0, 0);

    // Convert date objects to milliseconds and compare
    if(userDate.getTime() > today.getTime())
    {
            alert(today+'\n'+userDate);
    }
});

查看MDC parseInt页面以获取有关基数的更多信息.

JSLint是一个很好的工具,用于捕获丢失的基数和许多其他可能导致模糊和难以调试错误的事情.它迫使您使用更好的编码标准,以避免未来的头痛.我在我编写的每个JavaScript项目中使用它.

Answer 8

比较日期的有效且正确的方法是：

Math.floor(date1.getTime() / 86400000) > Math.floor(date2.getTime() / 86400000);

它忽略时间部分，它适用于不同的时区，您==也可以比较是否相等。86400000 是一天中的毫秒数 ( = 24*60*60*1000)。

请注意，相等运算符永远不==应该用于比较 Date 对象，因为当您期望相等测试起作用时它会失败，因为它正在比较两个 Date 对象（并且不比较两个日期），例如：

> date1;
outputs: Thu Mar 08 2018 00:00:00 GMT+1300

> date2;
outputs: Thu Mar 08 2018 00:00:00 GMT+1300

> date1 == date2;
outputs: false

> Math.floor(date1.getTime() / 86400000) == Math.floor(date2.getTime() / 86400000);
outputs: true

注意：如果您要比较时间部分设置为零的 Date 对象，那么您可以使用date1.getTime() == date2.getTime()，但几乎不值得优化。直接比较 Date 对象时可以使用<、>、<=、 或 ，>=因为这些运算符在进行比较之前首先通过调用来转换 Date 对象.valueOf()。

Answer 9

如果您真的只比较没有时间组件的日期，另一种可能感觉不对但有效并避免所有Date()时间和时区问题的解决方案是直接使用字符串比较来比较 ISO 字符串日期：

> "2019-04-22" <= "2019-04-23"
true
> "2019-04-22" <= "2019-04-22"
true
> "2019-04-22" <= "2019-04-21"
false
> "2019-04-22" === "2019-04-22"
true

您可以使用以下方法获取当前日期（UTC 日期，不一定是用户的本地日期）：

> new Date().toISOString().split("T")[0]
"2019-04-22"

我赞成它的论点是程序员的简单性 - 与尝试正确处理日期时间和偏移相比，您不太可能将其搞砸，这可能会以速度为代价（我没有比较性能）