如何修复dayjs的未来相对时间问题并将日期转换为本地时区？

• 首先确保你已安装并引入relativeTime插件，原生Day.js不支持相对时间格式化：

  // 安装插件
  npm install dayjs-plugin-relative-time
  // 引入并使用
  import dayjs from 'dayjs'
  import relativeTime from 'dayjs/plugin/relativeTime'
  
  dayjs.extend(relativeTime)
  

• 如果需要自定义相对时间的显示语言（比如替换默认英文为中文），切换本地化配置即可：

  import 'dayjs/locale/zh-cn'
  dayjs.locale('zh-cn') // 此时`dayjs().to(post.date)`会输出「6小时后」
  

• 若相对时间计算有误，先检查post.date的格式是否为Day.js可解析的日期对象/字符串；如果post.date是UTC时间，需先转为本地时间再计算差值：

  // 假设post.date是UTC时间字符串
  const localPostDate = dayjs(post.date).local()
  console.log(dayjs().to(localPostDate))
  

Day.js处理时区需要依赖utc和timezone插件，步骤如下：

• 安装所需插件：

  npm install dayjs-plugin-utc dayjs-plugin-timezone
  

• 引入并配置插件：

  import dayjs from 'dayjs'
  import utc from 'dayjs/plugin/utc'
  import timezone from 'dayjs/plugin/timezone'
  
  dayjs.extend(utc)
  dayjs.extend(timezone)
  

• 转换到指定时区（以东八区Asia/Shanghai为例）：

  // 将post.date转换为目标时区的日期
  const targetTimezoneDate = dayjs(post.date).tz('Asia/Shanghai')
  // 计算相对时间时，确保当前时间也切换到目标时区，避免差值错误
  console.log(dayjs().tz('Asia/Shanghai').to(targetTimezoneDate))
  

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