在 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
开头,后跟数字 1
或 2
。对于其他组来说,相同的过程是相似的。第二组中的\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.
在屏幕上作为输出。