在 JavaScript 中验证日期

Sahil Bhosale 2021年6月17日 2021年4月29日 JavaScript JavaScript DateTime
  1. 使用 JavaScript 中的 moment.js 库验证日期
  2. 在 JavaScript 中使用正则表达式验证日期
  3. 在 JavaScript 中使用 Date.parse() 方法验证日期
在 JavaScript 中验证日期

在 JavaScript 中验证日期变得很重要,因为位于不同位置的各个人在输入日期时遵循不同的格式。在 Web 应用程序中验证日期时,我们必须遵循特定的格式,以便以后使用日期变得更加容易。

本文将介绍如何在 JavaScript 中以 mm/dd/yy 格式验证日期。

使用 JavaScript 中的 moment.js 库验证日期

moment.js 库是在 JavaScript 中验证和格式化日期和时间的最佳,最简便的方法。我们将使用此库在 JavaScript 中验证和显示日期。要使用此库,我们首先必须使用以下命令下载它。

npm install -g moment --save 

它将在你的系统中安装一会儿。然后,我们可以直接使用 moment.js 库中提供的 moment() 方法。以下是在 JavaScript 中使用 moment.js 验证日期的代码。

import * as moment from 'moment';

let result = moment("05/22/12", 'MM/DD/YY',true).isValid();
console.log(result)

输出:

true

moment 函数采用三个参数作为输入。第一个是我们要验证的输入日期,第二个是我们希望日期遵循的格式,最后一个参数是可选的;如果将其设置为 true,则将使用严格解析。严格的分析要求格式和输入(包括定界符)完全匹配。最后,我们使用 isValid() 函数检查输入日期是否有效,如果输入日期与格式 dd/mm/yy 匹配,则返回布尔值 true,如果与日期匹配,则返回 false。输入的日期与指定的格式不匹配。

在 JavaScript 中使用正则表达式验证日期

正则表达式是验证日期的好方法。对于正则表达式,许多人面临的唯一问题是难以理解它们,因为它们包含各种符号和数字。正则表达式中的每个符号或表达式都有其自己的含义。使用这些表达式,我们可以在 JavaScript 中以 dd/mm/yy 格式验证日期。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>
    <h1 id="message"></h1>
    <script>
      
      var date_regex = /^(0[1-9]|1[0-2])\/(0[1-9]|1\d|2\d|3[01])\/(0[1-9]|1[1-9]|2[1-9])$/;
        var testDate = "03/17/21"
        if (date_regex.test(testDate)) {
            document.getElementById("message").innerHTML = "Date follows dd/mm/yy format";
        }
        else{
          document.getElementById("message").innerHTML = "Invalid date format";
        }

    </script>
  </body>
</html>

在浏览器中输出:

Date follows dd/mm/yy format

正则表达式/^(0[1-9]|1[0-2])\/(0[1-9]|1\d|2\d|3[01])\/(0[1-9]|1[1-9]|2[1-9])$/具有 3 个组。第一组代表,第二组代表,第三组代表的后两位。无论在何处看到正斜杠/,它都代表该组的开始,而反斜杠\则代表该组的结束。

一年有 12 个月。因此,选择月份时有两种可能性,可以以 0 开头,后跟数字,或者以 1 开头,后跟数字 12。对于其他组来说,相同的过程是相似的。第二组中的\d 表示 0 到 9 之间的任何数字。你也可以创建用于验证日期的正则表达式。

然后,我们将此正则表达式存储在 date_regex 变量中。我们将使用存储在 myDate 中的日期来检查日期是否遵循 dd/mm/yy 格式。如果日期遵循此格式,我们将在控制台内打印 Date follows dd/mm/yy format;否则,我们将打印 Invalid date format

在 JavaScript 中使用 Date.parse() 方法验证日期

Data.parse() 是 JavaScript 中已经可用的方法。这个方法只接受一个日期作为单一参数,是一个字符串。

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>
    <h1 id="message"></h1>

    <script>
        let isValidDate = Date.parse('03/17/21');

        if (isNaN(isValidDate)) {
          document.getElementById('message').innerHTML = "This is not a valid date format.";
        }
        else{
          document.getElementById('message').innerHTML = "This is a valid date format.";
        }

    </script>
  </body>
</html>

在浏览器中输出:

This is a valid date format.

Data.parse() 函数将根据提供的输入日期返回以毫秒为单位的数字。如果无法识别输入日期,则它将返回 NaN(不是数字)作为输出。该函数的结果存储在 isValidDate 变量中。

如果 isValidDate 变量内的值为 NaN(不是数字),它将返回 false,并且将在屏幕上显示的消息为 This is a not valid date format.。如果返回 true,则将打印消息 This is a valid date format. 在屏幕上作为输出。

Sahil Bhosale avatar Sahil Bhosale avatar

Sahil is a full-stack developer who loves to build software. He likes to share his knowledge by writing technical articles and helping clients by working with them as freelance software engineer and technical writer on Upwork.

LinkedIn

相关文章 - JavaScript DateTime

  • 在 JavaScript 中获取月份名称
  • 在 JavaScript 中获取当前时间
  • 在 JavaScript 中获取当前月份中的日期
  • 在 JavaScript 中以 12 小时 AM/PM 格式显示日期时间
  • 在 JavaScript 中将 UTC 转换为本地时间