如何调整Luxon的toRelative方法跨年时的显示行为？

你可以通过手动判断时间差阈值实现需求：先计算目标日期与当前日期的月份差或天数差，当差值达到设定阈值（比如10个月或365天）时使用默认的toRelative()；否则指定unit选项优先显示月份、天等单位，屏蔽年相关表述。

代码示例 #

import { DateTime } from 'luxon'; // 前端项目按需引入，支持ES模块或CommonJS

function getCustomRelativeTime(targetDate) {
  const now = DateTime.now();
  // 计算两个日期的月份差（取绝对值）
  const monthDiff = Math.abs(now.diff(targetDate, 'months').months);
  // 计算两个日期的天数差（取绝对值）
  const dayDiff = Math.abs(now.diff(targetDate, 'days').days);

  // 自定义阈值：满足任意一个条件就显示年相关表述
  const shouldShowYear = monthDiff >= 10 || dayDiff >= 365;

  if (shouldShowYear) {
    // 使用默认逻辑，允许显示"last year"或"next year"
    return targetDate.toRelative();
  } else {
    // 优先使用月、天、时等单位，不触发年表述
    return targetDate.toRelative({
      unit: ['months', 'days', 'hours', 'minutes', 'seconds']
    });
  }
}

// 测试用例
// 2023年12月20日，2024年1月调用时月份差小于10，显示"上个月前"
const recentCrossYearDate = DateTime.fromISO('2023-12-20');
console.log(getCustomRelativeTime(recentCrossYearDate));

// 2023年2月10日，距离2024年1月约11个月，显示"last year"
const nearYearThresholdDate = DateTime.fromISO('2023-02-10');
console.log(getCustomRelativeTime(nearYearThresholdDate));

// 2022年1月15日，超过365天，显示"last year"
const overYearThresholdDate = DateTime.fromISO('2022-01-15');
console.log(getCustomRelativeTime(overYearThresholdDate));

说明 #

• 核心逻辑是通过diff()方法获取日期差值，自定义触发年表述的阈值；
• 可根据需求调整阈值数值，比如把10个月改成9个月，或365天改成360天；
• diff()返回Luxon的Duration对象，需通过.months或.days属性获取具体差值；
• 多语言场景下，Luxon的本地化逻辑会自动适配对应语言的相对时间文本，无需额外修改。

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