如何检查 JavaScript 日期是否有效？

在本教程中，我们将学习如何检查 JavaScript 日期是否有效。

让我们通过示例了解为什么需要在JavaScript中验证日期。假设您开发了一个应用程序，该应用程序从用户的提交表单中获取一些信息。用户可能会出错。如果他们在输入框中输入错误的日期怎么办？在这种情况下，开发人员需要验证日期。

这里，我们有三种不同的方法来验证日期。

  • 使用 getTime() 方法

  • 使用 isFinite() 方法

  • 使用 Moment JS isValid() 方法

使用 getTime() 方法

在 JavaScript 中，我们可以通过创建Date() 类的对象来创建新的日期。我们可以将Date类的不同方法应用于日期对象。我们将在此方法中使用日期类的 getTime() 方法来验证日期。

我们将检查变量的类型。如果变量是Date对象类型，我们将检查日期变量的getTime()方法是否返回数字。getTime()方法返回自 1970 年 1 月 1 日以来的总毫秒数。如果它没有返回数字，则表示日期无效。

语法

用户可以按照以下语法使用 getTime() 方法来验证日期。

if ( Object.prototype.toString.call(date) === "[object Date]" ) {
   if ( !isNaN(date.getTime()) ) {

      // date is valid
   } else {
      Date is not valid
   }
} else {

   // date is not valid
}

参数

  • date − 它是一个日期变量，并且始终是必需的。

示例

在下面的示例中，我们创建了一个有效日期和另一个无效日期。我们创建了名为 isValid() 的函数来验证日期。在函数中，我们检查对象类型是否为 Date。此外，我们还使用 isNaN() 方法检查 getTime() 方法是否返回数字。

<html>
<head>
</head>
<body>
   <h2> check whether a JavaScript date is valid. </h2>
   <h4> Validate the date object using <i> getTime() </i> method. </h4>
   <p id = "validate"> </p>
   <script>
      let validate = document.getElementById("validate");
      
      // creating the current date
      let date = new Date();
      function isValid(date) {
         if ( Object.prototype.toString.call(date) === "[object Date]") {
            if ( !isNaN(date.getTime()) ) {
               validate.innerHTML += date + " is valid. <br/> ";
            } else {
               validate.innerHTML += date + " is not valid. <br/> ";
            }
         } else {
            validate.innerHTML += date + " is not valid. <br/> ";
         }
      }
      isValid(date);
      date = new Date("No date");
      isValid(date);
   </script>
</body>
</html>

使用 isFinite() 方法

在 JavaScript 中，instanceof 运算符允许我们检查变量是否是Date()类的实例。我们将首先检查这一点，如果它是，我们将检查 getTime() 方法是否返回有限的毫秒数。

如果日期变量不是 Date 对象类型，或者 getTime() 方法返回的值不是数字，则返回 false。

语法

用户可以按照以下语法使用 isFinite() 方法来验证日期

if ( date instanceof Date &&isFinite(date.getTime()) ) {
   
   // date is valid
} else {
   // date is not valid
}

示例

在下面的示例中，我们在 if-else 条件中使用了 instanceof 运算符来检查变量的类型是否为日期。此外，我们还使用了 isFinite() 方法来检查毫秒数是否有限。我们已经测试了各种日期，用户可以在下面的示例输出中看到结果。

<html>
<head>
</head>
<body>
   <h2> check whether a JavaScript date is valid. </h2>
   <h4> Validate the date object using <i>isFinite() </i> method. </h4>
   <p id = "validate"> </p>
   <script>
      let validate = document.getElementById("validate");
      function isValid(date) {
 
         // check typeof date and check for finite values of date.getTime() method
         if ( date instanceof Date &&isFinite( date.getTime()) ) {
            validate.innerHTML += date + " is valid. <br/> ";
         }
         else {
            validate.innerHTML += date + " is not valid. <br/> ";
         }
      }
      let date = new Date("No date");
      isValid(date);
      date = new Date();
      isValid(date);
   </script>
</body>
</html>

使用 Moment JS isValid() 方法

在 JavaScript 中，Moment Js 是一个用于操作日期的特殊库。要使用Moment JS isValid() 方法验证日期，用户无需付出太多努力。

语法

用户可以使用以下语法使用 Moment JS 的 isValid() 方法。

let date = moment();
let valid = date.isValid();

示例

在下面的示例中，我们添加了 Moment Js 库的 CDN 以将其与原生 JavaScript 一起使用。我们使用 moment() 方法创建了两个日期；一个是有效的，另一个是无效的。我们使用 isValid() 方法来验证这两个日期。

<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment-with-locales.min.js"
   integrity="sha512-vFABRuf5oGUaztndx4KoAEUVQnOvAIFs59y4tO0DILGWhQiFnFHiR+ZJfxLDyJlXgeut9Z07Svuvm+1Jv89w5g=="
   crossorigin="anonymous" referrerpolicy="no-referrer"> </script>
</head>
<body>
   <h2> check whether a JavaScript date is valid. </h2>
   <h4> Validate the date object using <i> moment.isValid() </i> method. </h4>
   <p id = "validate"> </p>
   <script>
      let validate = document.getElementById("validate");
      let date = moment('2015-11-32', 'YYYY-MM-DD');
      validate.innerHTML += " 2022-07-32 is valid : " + date.isValid() + "<br/>";
      date = moment("2021-11-30", 'YYYY-MM-DD');
      validate.innerHTML += " 2021 - 11- 31 is valid : " + date.isValid();
   </script>
</body>
</html>

用户学习了三种验证日期的方法。第一种和第二种方法比第三种方法花费更多的时间和精力。建议使用 Moment Js 库来操作日期，而不是使用旧的 Date 类。

更新于：2023年9月13日

30K+ 次浏览

启动你的职业生涯

通过完成课程获得认证

开始
广告