JavaScript - Afficher des données temporelles relatives

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // il y a 10 j
        const shortAutoFormatter = new Intl.RelativeTimeFormat("fr-FR", {
            // "j" au lieu de "jours"
            style: "short"
        });

        // hier
        const longAutoFormatter = new Intl.RelativeTimeFormat("fr-FR", {
            // Affiche "hier" ou "demain" si la valeur -1 ou 1 
            numeric: "auto"
        });

        // il y a 1 jour
        const longAlwaysFormatter = new Intl.RelativeTimeFormat("fr-FR", {
            // Affiche le mot "jour" en entier
            style: "long",
            // Affiche toujours la valeur numérique même dans le cas du -1 ou 1
            numeric: "always"
        });

        // 1 month ago
        // En anglais
        const englishFormatter = new Intl.RelativeTimeFormat("en-US");

        console.log(shortAutoFormatter.format(-10, "days"));
        console.log(longAutoFormatter.format(-1, "days"));
        console.log(longAlwaysFormatter.format(-1, "days"));
        console.log(englishFormatter.format(-1, "months"));
    </script>
</head>

<body>

</body>

</html>

Commentaires