使用 JavaScript 计算年龄

2025年3月17日 | 阅读 7 分钟

JavaScript 提供了一些内置的日期和时间函数,可以帮助我们根据出生日期计算年龄。利用这些 JavaScript 方法,您可以轻松地找到任何人的年龄。为此,我们需要从用户那里获取一个日期输入以及当前的系统日期。在计算它们之间的差异时,我们需要牢记以下条件:

  • 如果当前日期小于用户输入的日期(出生日期),则该月份将不会被计算在内,因为月份尚未完成。否则,我们将当前日期加上该月份的天数(30 或 31)来得到它们之间的差值。
  • 如果当前月份小于出生月份,则当前年份将不会被计算在内。要得到月份的差值,我们将当前月份加上总月份数(12)然后进行减法运算。
  • 最后,在满足上述两个条件后,我们只需将日期、月份和年份相减即可。

现在,我们将把这个过程转化为实际的实现。

计算出生日期年龄的方法有很多种。我们将讨论使用 JavaScript 计算年龄的简单易懂的方法。

示例 1:预定义日期输入

在此示例中,我们在代码中提供了日期(出生日期),而不是从用户那里获取输入。

输出

Age of the date entered: 12 years

示例 2:动态日期输入

在此示例中,我们将创建一个 HTML 表单来获取用户输入的日期,然后使用 JavaScript 计算年龄。它将从用户那里获取动态输入。此 HTML 表单将使用日历来选择日期输入。

复制代码

输出

通过执行上述代码,将出现一个 HTML 表单。在此,从日历中选择一个日期(出生日期),然后单击计算年龄按钮来计算给定出生日期的年龄。

Calculate age using JavaScript

如果未选择日期而单击“计算年龄”,则会显示错误。

注意:在测试此程序时,请注意日期应小于当前的系统日期。

Calculate age using JavaScript

在此屏幕截图中,您可以看到我们在输入字段中输入了日期“12-06-2012”,计算年龄后得到结果8 岁

重要提示
请注意,我们只计算了年龄(例如 8 岁、9 岁),而没有计算 8 年 5 个月 23 天。所以,现在我们将详细计算。

示例 2:计算以年、月、日为单位的年龄

此示例将计算并显示以年、月、日为单位的年龄,而不仅仅是以年为单位。例如,对于出生日期 2015 年 12 月 27 日,此人将是 4 岁 9 个月 23 天。

复制代码

输出

通过执行上述代码,将出现一个 HTML 表单。在此,从日历中选择一个日期(出生日期),然后单击计算年龄按钮来计算给定出生日期的年龄。

Calculate age using JavaScript

如果未选择日期而单击“计算年龄”,则会显示错误。

我们将为不同的日期输入值显示不同的输出。您将看到响应将以年、月、日的形式返回。请逐一查看输出

输入随机日期时的输出

Calculate age using JavaScript

输入出生月份和日期相同的日期的输出

Calculate age using JavaScript

输入今天日期(当前日期)时的输出

Calculate age using JavaScript

计算年龄的方法有很多种。这是另一种以年、月、日格式计算年龄的示例。

示例 4

在此示例中,我们通过将日期差异转换为毫秒来计算年龄。这也是一种计算年龄的简单方法。

复制代码

输出

从下面的输出中可以看到,出生日期为15-05-1986 的年龄是34 岁 5 个月 17 天

Calculate age using JavaScript

输入比今天日期更大的出生日期,将显示错误无效日期输入。请看下面的输出

Calculate age using JavaScript