Intl.RelativeTimeFormat

Tradução Beta Não Oficial

Esta página foi traduzida por PageTurner AI (beta). Não é oficialmente endossada pelo projeto. Encontrou um erro? Reportar problema →

Um polyfill compatível com especificações para Intl.RelativeTimeFormat, totalmente testado pela suíte oficial de testes de conformidade ECMAScript

Instalação

npm

npm i @formatjs/intl-relativetimeformat

yarn

yarn add @formatjs/intl-relativetimeformat

Requisitos

Este pacote requer as seguintes capacidades:

• Intl.getCanonicalLocales ou polyfill

• Intl.Locale ou polyfill.

• Intl.PluralRules ou polyfill.

• Se você precisar de formatToParts e tiver que suportar IE11- ou Node 10-, será necessário usar um polyfill com @formatjs/intl-numberformat.

Uso

Via polyfill-fastly.io

Você pode usar o Construtor de URL polyfill-fastly.io para criar uma tag de script polyfill para Intl.RelativeTimeFormat. Por padrão, a URL gerada não inclui dados de localidade. Para adicionar dados de localidade, anexe Intl.RelativeTimeFormat.~locale.<locale> à sua lista de recursos. Por exemplo:

<!-- Polyfill Intl.RelativeTimeFormat, its dependencies & `en` locale data -->
<script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=Intl.RelativeTimeFormat,Intl.RelativeTimeFormat.~locale.en"></script>

Implementação simples

import '@formatjs/intl-relativetimeformat/polyfill'
import '@formatjs/intl-relativetimeformat/locale-data/en' // locale-data for en

Importação dinâmica + detecção de compatibilidade

import {shouldPolyfill} from '@formatjs/intl-relativetimeformat/should-polyfill'
async function polyfill(locale: string) {
  const unsupportedLocale = shouldPolyfill(locale)
  // This locale is supported
  if (!unsupportedLocale) {
    return
  }
  // Load the polyfill 1st BEFORE loading data
  await import('@formatjs/intl-relativetimeformat/polyfill-force')
  await import(
    `@formatjs/intl-relativetimeformat/locale-data/${unsupportedLocale}`
  )
}

Testes

Esta biblioteca é totalmente compatível com test262.