仅比较日期部分而不比较 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);
    }
});

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

原文由 moleculezz 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我仍在学习 JavaScript，而我发现在没有时间的情况下比较两个日期的唯一方法是使用 Date 对象的 setHours 方法并将小时、分钟、秒和毫秒设置为零。然后比较两个日期。

例如，

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

date2 将设置小时、分钟、秒和毫秒为零，但 date1 会将它们设置为创建 date1 的时间。要摆脱 date1 上的小时、分钟、秒和毫秒，请执行以下操作：

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

现在您可以仅将两个日期作为 DATES 进行比较，而无需担心时间元素。

原文由 nexar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

当心时区

立即使用日期对象来表示只是一个日期会让您陷入一个巨大的过度精度问题。您需要管理时间和时区以将它们拒之门外，并且它们可以随时潜入。 这个问题的公认答案落入了陷阱。

javascript 日期 _没有时区的概念_。这是一个时刻（从纪元开始的滴答声），带有方便的（静态）函数，用于在字符串之间进行转换，默认情况下使用设备的“本地”时区，或者，如果指定，UTC 或其他时区。要用日期对象表示 just-a-date™， 您希望日期表示相关日期开始时的 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>

看到它运行…

2022 年更新…带测试的免费内容…

下面的代码现在是一个 npm 包， Epoq 。代码在 github 上。别客气 ：-）

2019 年更新…免费内容…

鉴于此答案的受欢迎程度，我已将其全部放入代码中。以下函数返回一个包装的日期对象，并且只公开那些可以安全地与 just-a-date™ 一起使用的函数。

使用 Date 对象调用它，它将解析为反映用户时区的 JustADate。用字符串调用它：如果字符串是指定时区的 ISO 8601，我们将四舍五入时间部分。如果未指定时区，我们会将其转换为反映当地时区的日期，就像日期对象一样。

 function JustADate(initDate){
  var utcMidnightDateObj = null
  // if no date supplied, use Now.
  if(!initDate)
    initDate = new Date();

  // if initDate specifies a timezone offset, or is already UTC, just keep the date part, reflecting the date _in that timezone_
  if(typeof initDate === "string" && initDate.match(/(-\d\d|(\+|-)\d{2}:\d{2}|Z)$/gm)){
     utcMidnightDateObj = new Date( initDate.substring(0,10) + 'T00:00:00Z');
  } else {
    // if init date is not already a date object, feed it to the date constructor.
    if(!(initDate instanceof Date))
      initDate = new Date(initDate);
      // Vital Step! Strip time part. Create UTC midnight dateObj according to local timezone.
      utcMidnightDateObj = new Date(Date.UTC(initDate.getFullYear(),initDate.getMonth(), initDate.getDate()));
  }

  return {
    toISOString:()=>utcMidnightDateObj.toISOString(),
    getUTCDate:()=>utcMidnightDateObj.getUTCDate(),
    getUTCDay:()=>utcMidnightDateObj.getUTCDay(),
    getUTCFullYear:()=>utcMidnightDateObj.getUTCFullYear(),
    getUTCMonth:()=>utcMidnightDateObj.getUTCMonth(),
    setUTCDate:(arg)=>utcMidnightDateObj.setUTCDate(arg),
    setUTCFullYear:(arg)=>utcMidnightDateObj.setUTCFullYear(arg),
    setUTCMonth:(arg)=>utcMidnightDateObj.setUTCMonth(arg),
    addDays:(days)=>{
      utcMidnightDateObj.setUTCDate(utcMidnightDateObj.getUTCDate + days)
    },
    toString:()=>utcMidnightDateObj.toString(),
    toLocaleDateString:(locale,options)=>{
      options = options || {};
      options.timeZone = "UTC";
      locale = locale || "en-EN";
      return utcMidnightDateObj.toLocaleDateString(locale,options)
    }
  }
}

// if initDate already has a timezone, we'll just use the date part directly
console.log(JustADate('1963-11-22T12:30:00-06:00').toLocaleDateString())
// Test case from @prototype's comment
console.log("@prototype's issue fixed... " + JustADate('1963-11-22').toLocaleDateString())

原文由 bbsimonbb 发布，翻译遵循 CC BY-SA 4.0 许可协议