如何使用人性化日期在 JS 中获得本地化的持续时间？

Question

我有以下 JSON 日期对象：

[
  {
    "date_start": "septembre 2019",
    "date_end": "septembre 2020"
  },
  {
    "date_start": "juin 2017",
    "date_end": "avril 2019"
  },
  {
    "date_start": "novembre 2015",
    "date_end": "Aujourd'hui"
  },
  {
    "date_start": "novembre 2012",
    "date_end": "février 2015"
  },
  {
    "date_start": "novembre 2011",
    "date_end": "octobre 2012"
  }
]

我想将这些人性化日期转换为en_US 和fr_FR 中的本地化持续时间。

这是en_US 的预期结果

持续时间语法不必严格地是本示例中的语法！

[
  {
    "date_start": "september 2019",
    "date_end": "september 2020",
    "duration": "1 yrs 1 mo"
  }
]

我正在查看date-fns，但到目前为止我还没有找到方法。 （我还检查了momentjs）。

有人知道我可以如何在人性化的持续时间内转换它们吗？我认为这应该首先转换为日期。

Answer 1

你可以使用这个简单的纯JS代码。

它是如何工作的：

frStringToDate() 函数将您的字符串转换为 Date 对象。它首先检查字符串格式，然后从中获取法语月份名称和年份。然后它（使用months 对象）将法语月份名称转换为英语 3 字符月份缩写，最终为Date 构造函数创建可读字符串。

calculateDuration() 函数减去两个日期并将结果（以毫秒为单位）“转换”为Date 对象。众所周知，new Date(0) 是Jan 1, 1970，所以我们可以从结果Date 对象的年份中减去1970。为了得到月份，我们需要将1添加到.getMonth()函数的结果中，因为月份从0开始编号。然后我们可以返回结果字符串。

getDurationFromObj() 只是为了代码可读性

const months = {
  'janvier': 'jan',
  'février': 'feb',
  'mars': 'mar',
  'avril': 'apr',
  'mai': 'may',
  'juin': 'jun',
  'juillet': 'jul',
  'août': 'aug',
  'septembre': 'sep',
  'octobre': 'oct',
  'novembre': 'nov',
  'décembre': 'dec'
}

const dates = [{
    "date_start": "septembre 2019",
    "date_end": "septembre 2020"
  },
  {
    "date_start": "juin 2017",
    "date_end": "avril 2019"
  }
]

function frStringToDate(frDateString) {
  const matched = frDateString.match(/^(\w+) (\d{4})$/)
  if (matched) {
    const frMonth = matched[1]
    const year = matched[2]

    const enMonth = months[frMonth]
    if (!enMonth) return null

    return new Date(`${enMonth}  ${year}`)
  }
  return null
}

function calculateDuration(date1, date2) {
  const durationMillis = date1 < date2 ? date2 - date1 : date1 - date2
  const durationDate = new Date(durationMillis)
  const years = durationDate.getFullYear() - 1970
  const months = durationDate.getMonth() + 1

  return `${years} yrs ${months} mo`
}

function getDurationFromObj(obj) {
  const date1 = frStringToDate(obj.date_start)
  const date2 = frStringToDate(obj.date_end)
  return calculateDuration(date1, date2)
}

dates.forEach(obj => console.log(getDurationFromObj(obj)))