如何让Moment.js的fromNow()仅在24小时内生效，超时显示完整时间戳？

没问题，这个需求很好实现，核心思路就是先判断目标时间与当前时间的差值，再根据差值选择对应的显示方式。

具体实现步骤： #

1. 保留你原有的语言环境及时区设置，建议用全局默认时区配置更省心
2. 把目标时间转为Moment对象，确保时区处理正确
3. 用diff()方法计算目标时间与当前时间的小时差
4. 根据差值是否小于24小时，分别调用fromNow()或格式化显示完整时间戳

完整代码示例： #

moment.locale('en');
moment.tz.setDefault('America/Los_Angeles'); // 全局设置时区，避免重复指定

const targetTime = moment('2017-04-12T17:37:06.886Z');
const hoursDiff = moment().diff(targetTime, 'hours');

let displayTime;
if (hoursDiff < 24) {
  displayTime = targetTime.fromNow();
} else {
  // 可根据需求自定义完整时间格式，这里示例用标准时间戳格式
  displayTime = targetTime.format('YYYY-MM-DD HH:mm:ss');
}

console.log(displayTime);

补充细节： #

• 要是需要更精确的判断（比如按分钟计算24小时），可以把diff()的单位改成'minutes'，判断条件换成minutesDiff < 1440
• 完整时间的格式可以灵活调整，比如'MM/DD/YYYY hh:mm A'能显示成04/12/2017 10:37 AM这类更本地化的样式

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