使用Moment.js开发网站倒计时，天数计算结果不符问题求助

问题描述 #

我正在为网站开发一个倒计时功能，用于显示距离设定日期剩余的月/天/时/分。目前显示结果为：1 MONTHS 5 DAYS 15 HOURS，但手动计算后应该是1个月9天，计算结果少了几天。我尝试了多种配置，甚至将日期时间转换为ISO 8601格式，但都没有效果，所有设置下显示的月/天数都一致。结束日期应为2023年3月16日，相关代码如下：

let date = moment('2023-03-16T08:30:00+0100');

var dur = moment.duration( moment(date).diff(moment()) );

let yearsRemain = dur.years();
let monthsRemain = dur.months();
let daysRemain = dur.days();
let hoursRemain = dur.hours();
let minutesRemain = dur.minutes(); 
let secondsRemain = dur.seconds();

var dateArray = [
  yearsRemain,
  monthsRemain,
  daysRemain,
  hoursRemain,
  minutesRemain,
  secondsRemain
]

console.table(dateArray);

错误原因 #

核心问题是误用了Moment.js的duration.days()方法：

• dur.days()返回的是扣除完整周数后的剩余天数（范围0-6），而非扣除完整月份后的总剩余天数。
• 例如，若剩余时间为1个月+9天，其中9天包含1个完整周（7天），dur.days()会返回2而非9，直接导致显示的天数比实际少。

Moment.js对duration的拆分逻辑是：先提取年、月，再提取完整周数，最后返回剩下的天数，这和我们需要的“扣除月份后的剩余总天数”逻辑不符。

解决方案 #

改用分步计算的方式，先确定完整的月份差，再单独计算剩余天数，避开周数拆分的逻辑：

let targetDate = moment('2023-03-16T08:30:00+0100');
let now = moment();

// 计算完整剩余年份数
let yearsRemain = targetDate.diff(now, 'years');
// 计算完整剩余月份数（已扣除年份）
let monthsRemain = targetDate.diff(now, 'months') % 12;
// 生成当前日期加上完整年月后的临时日期
let tempDate = now.clone().add(monthsRemain, 'months').add(yearsRemain, 'years');
// 计算扣除完整年月后的剩余天数
let daysRemain = targetDate.diff(tempDate, 'days');
// 计算扣除天数后的剩余小时数
let hoursRemain = targetDate.diff(tempDate, 'hours') % 24;
// 计算扣除小时后的剩余分钟数
let minutesRemain = targetDate.diff(tempDate, 'minutes') % 60;
// 计算扣除分钟后的剩余秒数
let secondsRemain = targetDate.diff(tempDate, 'seconds') % 60;

var dateArray = [
  yearsRemain,
  monthsRemain,
  daysRemain,
  hoursRemain,
  minutesRemain,
  secondsRemain
]

console.table(dateArray);

逻辑说明 #

1. 先通过diff('years')和diff('months')获取完整的年、月剩余数，确保不会遗漏跨年度的情况。
2. 生成临时日期，模拟当前日期加上完整年月后的时间点。
3. 用目标日期减去临时日期，得到的就是扣除完整年月后的准确剩余天数。
4. 后续的小时、分钟、秒数通过取模运算，提取对应单位的剩余值，避免包含更高单位的数值。

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