JavaScript年龄计算器天数计算逻辑不准确问题求助

我在完成Frontend Mentor的年龄计算器挑战时，用JavaScript的Date()方法实现了年、月的计算逻辑，但因为不同月份天数不同（有的30天、有的31天，2月28天），导致天数计算不准确。测试日期为2023年8月24日，输入当天作为生日时，预期输出为1年0个月0天，但天数结果不符，尤其是currentAgeDays = Math.floor(ageDays % 30);这部分逻辑需要修正。

原代码如下：

const days = document.getElementById("days"); // 日期结果展示元素
const months = document.getElementById("months"); // 月份结果展示元素
const years = document.getElementById("years"); // 年份结果展示元素

function calculateYears() {
  var dayValue = document.getElementById("day").value; // 输入的日期值
  var monthValue = document.getElementById("month").value; // 输入的月份值
  var yearValue = document.getElementById("year").value; // 输入的年份值

  var birthday = new Date(yearValue, monthValue - 1, dayValue); // 转换为Date对象（月份从0开始）

  var today = Date.now(); // 当前时间的毫秒数
  var diff = today - birthday; // 时间差（毫秒）

  var currentAgeYears = Math.floor(diff / 31556952000); // 按固定年毫秒数计算年份
  var ageMonths = Math.floor(diff / 2629746000); // 按固定月毫秒数计算总月数
  var currentAgeMonths = ageMonths % 12; // 取模得到剩余月份
  var ageDays = diff / 86400000; // 按固定天毫秒数计算总天数
  
  currentAgeDays = Math.floor(ageDays % 30); // 这里的逻辑有问题，需要修正

  years.innerHTML = currentAgeYears + " "; 
  months.innerHTML = currentAgeMonths + " ";
  days.innerHTML = currentAgeDays + " ";
}

问题根源 #

用固定的毫秒数（比如一年31556952000毫秒、一个月2629746000毫秒）计算差值，无法适配不同月份的天数差异和闰年，导致结果误差。

修正方案 #

直接通过Date对象的年、月、日属性计算差值，自动处理月份天数和闰年问题：

const daysEl = document.getElementById("days");
const monthsEl = document.getElementById("months");
const yearsEl = document.getElementById("years");

function calculateAge() {
  const dayInput = document.getElementById("day").value;
  const monthInput = document.getElementById("month").value;
  const yearInput = document.getElementById("year").value;

  const birthday = new Date(yearInput, monthInput - 1, dayInput);
  const today = new Date(); // 获取当前完整日期对象

  // 获取当前和生日的年、月、日
  let todayYear = today.getFullYear();
  let todayMonth = today.getMonth();
  let todayDay = today.getDate();

  let birthYear = birthday.getFullYear();
  let birthMonth = birthday.getMonth();
  let birthDay = birthday.getDate();

  // 计算年份差
  let ageYears = todayYear - birthYear;
  // 计算月份差
  let ageMonths = todayMonth - birthMonth;
  // 计算天数差
  let ageDays = todayDay - birthDay;

  // 处理天数为负的情况：从上个月借1个月的天数
  if (ageDays < 0) {
    ageMonths--;
    // 获取上个月的最后一天日期，自动适配月份天数
    const lastMonth = new Date(todayYear, todayMonth, 0);
    ageDays += lastMonth.getDate();
  }

  // 处理月份为负的情况：从去年借12个月
  if (ageMonths < 0) {
    ageYears--;
    ageMonths += 12;
  }

  // 更新结果展示
  yearsEl.textContent = ageYears;
  monthsEl.textContent = ageMonths;
  daysEl.textContent = ageDays;
}

关键逻辑说明 #

1. 用new Date()获取完整的当前日期对象，而非Date.now()，可直接提取年、月、日属性进行计算。
2. 分别计算年、月、日的差值，当天数为负时，通过new Date(todayYear, todayMonth, 0)自动获取上个月的最后一天，适配不同月份的天数差异（包括闰年2月的29天）。
3. 当月份差为负时，从年份中扣除1年（即12个月），保证月份差为正数。

修改后，输入2023年8月24日作为生日，当前日期为2024年8月24日时，会准确输出1年0个月0天。

内容的提问来源于stack exchange，提问作者Aaliyan Asif