Angular 17 生日计算：年份正确但月份天数出错求助

问题场景 #

使用Angular 17开发生日计算功能时，年龄的年份计算正确，但月份和天数的结果始终不准确。相关代码如下：

HTML代码

<div class="row">
  <div class="col">
    <label for="dob" class="form-label">Date of Birth</label>
    <input type="date" class="form-control" [(ngModel)]="item.dob" placeholder="DD/MM/YYYY">
  </div>
  <div class="col">
    <button type="button" (click)="ageCalculator()">Calculate</button>
    <p *ngIf="item.dob">Age {{item.ageYears}}</p>
    <p *ngIf="item.dob">Month {{item.ageMonths}}</p>
    <p *ngIf="item.dob">Days {{item.ageDays}}</p>
  </div>
</div>

TypeScript代码

ageCalculator(){
    if(this.item.dob){
      const convertAge = new Date(this.item.dob);
      const timeDiff = Math.abs(Date.now() - convertAge.getTime());
      this.item.ageYears = Math.floor((timeDiff / (1000 * 3600 * 24))/365);
      this.item.ageMonths = Math.floor((timeDiff % (31536000000))/2628000000);
      this.item.ageDays = Math.floor((timeDiff % 31536000000))/86400000;
    }
  }

问题根源 #

你的计算逻辑完全依赖固定毫秒数来换算年月，但实际日期的规则远没这么简单：

• 一年不是固定的365天（闰年有366天），一个月也不是固定的≈30.42天（28/29/30/31天都存在），用31536000000（365天的毫秒数）、2628000000（平均每月的毫秒数）这类固定值计算，必然会忽略日期的实际差异，导致月份和天数结果偏差。
• 天数计算的逻辑错误：timeDiff % 31536000000得到的是当年剩余的毫秒数，但直接除以一天的毫秒数，没有考虑月份的天数变化，结果自然不准确。

修复方案 #

正确的做法是直接通过日期对象的年、月、日属性做差值计算，并处理借位逻辑：

ageCalculator(){
    if(this.item.dob){
      const dob = new Date(this.item.dob);
      const today = new Date();
      
      // 基础差值计算
      let years = today.getFullYear() - dob.getFullYear();
      let months = today.getMonth() - dob.getMonth();
      let days = today.getDate() - dob.getDate();

      // 处理天数负数：当前日期早于生日当天，从月份借1位，加上上个月的总天数
      if(days < 0){
        months--;
        const lastMonth = new Date(today.getFullYear(), today.getMonth(), 0);
        days += lastMonth.getDate();
      }

      // 处理月份负数：当前月份早于生日月份，从年份借1位，月份补12
      if(months < 0){
        years--;
        months += 12;
      }

      this.item.ageYears = years;
      this.item.ageMonths = months;
      this.item.ageDays = days;
    }
  }

逻辑说明 #

1. 直接对比两个日期的年、月、日属性，得到基础差值
2. 天数借位：如果今天的日期比生日日期小，就从月份里减1，同时加上上个月的总天数（通过new Date(year, month, 0)可以获取上个月最后一天的日期，进而得到当月天数）
3. 月份借位：如果当前月份比生日月份小，就从年份里减1，同时月份加12，保证结果为正

内容的提问来源于stack exchange，提问作者Elaine Byene