是否可以在现代浏览器（Intl API）中用纯 js 翻译单词 "day"、"week"、"month"、"year"？

Question

任务是在不同的语言环境中像 5$ / month 一样显示订阅价格。

我可以用 Intl 很好地管理价格部分，但在时间段翻译部分卡住了。
我可以使用自己的翻译字符串，但如果可能，我更愿意使用默认的 Intl 版本。

Answer 1

使用Intl.DisplayNames with type datetimefield from the Intl API.

const trans = (translate, locale = 'en') => {
  return new Intl.DisplayNames(locale, { type: 'dateTimeField' }).of(translate);
}

for (lang of [ 'en', 'nl', 'fr', 'zh-Hant' ]) {
  console.log(`3$ / ${trans('month', lang)}`);
}

<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>

3$ / month
3$ / maand
3$ / mois
3$ / 月

这个 api 几乎可以翻译每个 date/time 字符串。
supported/translatable 值概览：


day	hour	minute	second
year	month	quarter
weekOfYear	weekday	era	dayPeriod

Answer 2

您可以使用DisplayNames方法并设置type = 'dateTimeField'

示例：

const dn = new Intl.DisplayNames('pt', {type: 'dateTimeField'});
console.log(dn.of('era')); // logs 'era'
console.log(dn.of('year')); // logs 'ano'
console.log(dn.of('month')); // logs 'mês'
console.log(dn.of('quarter')); // logs 'trimestre'
console.log(dn.of('weekOfYear')); // logs 'semana'
console.log(dn.of('weekday')); // logs 'dia da semana'
console.log(dn.of('dayPeriod')); // logs 'AM/PM'
console.log(dn.of('day')); // logs 'dia'
console.log(dn.of('hour')); // logs 'hora'
console.log(dn.of('minute')); // logs 'minuto'
console.log(dn.of('second')); // logs 'segundo'

来源https://docs.w3cub.com/javascript/global_objects/intl/displaynames/displaynames

是否可以在现代浏览器（Intl API）中用纯 js 翻译单词 "day"、"week"、"month"、"year"？

Is it possible to translate words "day", "week", "month", "year" with pure js in modern browsers (Intl API)?

javascript

intl