纯 JavaScript 判断查询日期是否为有效日期
在前端开发中，经常需要判断输入的日期是否为有效日期。本文将介绍如何使用纯 JavaScript 来判断查询日期是否为有效日期，并提供示例代码。
什么是有效日期？
有效日期是指符合日历规则且可被识别的日期。例如：2023 年 4 月 7 日是一个有效日期，而 2023 年 2 月 30 日就不是有效日期。
判断日期是否为有效日期
在 JavaScript 中，我们可以使用 Date 对象来表示日期。如果将一个无效日期传递给 Date 构造函数，则返回的对象会表示一个无效日期。
因此，要判断查询日期是否为有效日期，只需创建一个 Date 对象并检查它的值是否等于传入的日期即可。
-------- ----------------------- - --- ---- - --- ----------------- ------ --------------- --- -------- ----- -- ------------- -
上面的代码创建了一个 isValidDate 函数，它接受一个字符串参数作为日期，并返回一个布尔值表示该日期是否为有效日期。如果传入的日期是有效日期，则该函数返回 true；否则返回 false。
在这个函数中，我们首先使用 new Date() 创建一个日期对象，然后检查该对象的值是否等于 "Invalid Date"。如果不是 "Invalid Date"，则说明该日期是有效日期；否则说明该日期是无效日期。
此外，我们还使用了 isNaN() 函数来检查日期是否为有效数字。如果是有效数字，则说明该日期是有效日期；否则说明该日期是无效日期。
示例代码
下面是一个示例代码，演示如何使用 isValidDate 函数来判断输入的日期是否为有效日期：
--------- -----
------
------
--------------------------
----- ----------------
-------
------
------ -------------------------- --------------------
------ ----------- ----------------
------- -----------------------------------
--------
-------- ----------- -
--- ----- - --------------------------------------
--- ---- - ------------
-- ------------------- -
---------------------
- ---- -
----------------------
-
-
-------- ----------------------- -
--- ---- - --- -----------------
------ --------------- --- -------- ----- -- -------------
-
---------
-------
-------在这个示例中，我们创建了一个文本框和一个按钮，并将 checkDate 函数绑定到按钮的 onclick 事件上。当用户点击按钮时，checkDate 函数会读取文本框中的日期，并调用 isValidDate 函数来检查该日期是否为有效日期。如果是有效日期，则弹出一个对话框提示用户输入的日期是有效日期；否则弹出一个对话框提示用户输入的日期不是有效日期。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/4125