Intl.RelativeTimeFormat

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

Un polyfill conforme pour Intl.RelativeTimeFormat, entièrement testé par la suite de tests de conformité ECMAScript officielle

Installation

npm

npm i @formatjs/intl-relativetimeformat

yarn

yarn add @formatjs/intl-relativetimeformat

Prérequis

Ce package nécessite les fonctionnalités suivantes :

• Intl.getCanonicalLocales ou polyfill

• Intl.Locale ou polyfill.

• Intl.PluralRules ou polyfill.

• Si vous avez besoin de formatToParts et devez supporter IE11 ou Node 10 et inférieurs, vous devrez utiliser le polyfill @formatjs/intl-numberformat.

Utilisation

Via polyfill-fastly.io

Vous pouvez utiliser le générateur d'URL polyfill-fastly.io pour créer une balise script de polyfill pour Intl.RelativeTimeFormat. Par défaut, l'URL générée ne contient aucune donnée de locale. Pour ajouter des données de locale, ajoutez Intl.RelativeTimeFormat.~locale.<locale> à votre liste de fonctionnalités. Par exemple :

<!-- 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>

Exemple simple

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

Import dynamique + détection de capacités

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}`
  )
}

Tests

Cette bibliothèque est entièrement conforme à test262.