如何使用date-fns解析形如"/Date(1633421520000)/"的日期字符串？

date-fns 本身没有内置兼容这种 ASP.NET 风格的非标准日期字符串的解析能力，你只需要先从字符串中提取出毫秒级时间戳，生成原生 Date 对象后，就可以传入所有 date-fns 相关方法使用，和 moment 的解析效果完全一致。

具体实现步骤 #

1. 写一个预处理函数提取时间戳生成 Date 对象：

function parseAspNetDate(dateStr) {
  // 兼容带时区后缀、负数时间戳的场景
  const matchResult = dateStr.match(/\/Date\((-?\d+)(?:[+-]\d{4})?\)\//)
  if (!matchResult?.[1]) {
    throw new Error('输入的日期格式不符合 /Date(时间戳)/ 规范')
  }
  return new Date(Number(matchResult[1]))
}

2. 直接代入 differenceInMilliseconds 等 date-fns 方法使用即可：

import { differenceInMilliseconds } from 'date-fns'

// 转换你的目标日期字符串
const targetDate = parseAspNetDate("/Date(1633421520000)/")
// 第二个入参可以是任意原生Date对象，或者另一个转换后的日期
const now = new Date()

// 计算差值
const diffResult = differenceInMilliseconds(now, targetDate)

说明 #

你提到的 moment 可以直接解析是因为 moment 内置了大量非标准日期格式的兼容逻辑，而 date-fns 的设计原则是优先基于原生标准格式做轻量实现，因此这类特定业务/框架的非标准格式需要自行做前置转换即可。

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