mozilla
Vos résultats de recherche

    Intl.DateTimeFormat

    Résumé

    L'objet Intl.DateTimeFormat est un constructeur d'objets permettant de formatter des dates et des heures selon une langue.

    Syntaxe

    new Intl.DateTimeFormat([locales[, options]])
    Intl.DateTimeFormat.call(this[, locales[, options]])

    Paramètres

    locales

    Une chaine de caractères avec un identifiant de langue BCP 47, ou un tableau de ce type de chaine de caractères. Pour le format général et l'interprétation de l'argument locales, voir la page Intl. Les clefs d'extensions Unicode suivantes sont autorisées :

    nu
    Système de numérotation. Les valeurs possibles incluent : "arab", "arabext", "bali", "beng", "deva", "fullwide", "gujr", "guru", "hanidec", "khmr", "knda", "laoo", "latn", "limb", "mlym", "mong", "mymr", "orya", "tamldec", "telu", "thai", "tibt".
    ca
    Calendrier. Les valeurs possibles incluent : "buddhist", "chinese", "coptic", "ethioaa", "ethiopic", "gregory", "hebrew", "indian", "islamic", "islamicc", "iso8601", "japanese", "persian", "roc".
    options

    Un objet avec certaines ou toutes les propriétés suivantes :

    localeMatcher
    L'algorithme de correspondance à utiliser pour la locale. Les valeurs possibles sont "lookup" et "best fit" ; le défaut est "best fit". Pour des informations sur cette option, voir la page Intl
    timeZone
    Le fuseau horaire à utiliser. La seule valeur que doivent reconnaitre les implémentations est "UTC" ; la valeur par défaut est le fuseau horaire du moteur JavaScript. Les implémentations peuvent aussi reconnaitre les noms de fuseau horaire de la base de données IANA de fuseaux horaires, tel que "Asia/Shanghai", "Asia/Kolkata", "America/New_York".
    hour12
    S'il faut utiliser le format horaire sur 12 heures (au lieu de celui-ci sur 24 heures). Les valeurs possibles sont true et false ; la valeur par défaut dépend de la locale.
    formatMatcher
    L'algorithme de correspondance à utiliser pour le formattage. Les valeurs possibles sont "basic" et "best fit" ; par défaut "best fit". Voir les paragraphes suivants pour des informations concernant l'usage de cette propriété.

    Les propriétés suivantes décrivent les composants date-heure à utiliser pour le formattage de la sortie.  Les implémentations ont pour obligation de supporter au minimum les ensembles suivants :

    • weekday, year, month, day, hour, minute, second
    • weekday, year, month, day
    • year, month, day
    • year, month
    • month, day
    • hour, minute, second
    • hour, minute

    Les implémentations peuvent supporter d'autres sous-ensembles, et les demandes seront évaluées face à toutes les combinaisons de sous-ensembles disponibles pour trouver la meilleure correspondance. Deux algorithmes sont disponibles pour cette évaluation et choisis par la propriété formatMatcher : un algorithme "basic" complètement spécifié et un algorithme "best fit" dépendant de l'implémentation.

    weekday
    La représentation du jour de la semaine. Les valeurs possibles sont "narrow", "short", "long".
    era
    La représentation d'une ère. Les valeur possibles sont "narrow", "short", "long".
    year
    La représentation d'une année. Les valeur possibles sont "numeric", "2-digit".
    month
    La représentation d'un mois. Les valeur possibles sont "numeric", "2-digit", "narrow", "short", "long".
    day
    La représentation d'une journée. Les valeur possibles sont "numeric", "2-digit".
    hour
    La représentation d'une heure. Les valeur possibles sont "numeric", "2-digit".
    minute
    La représentation d'une minute. Les valeur possibles sont "numeric", "2-digit".
    second
    La représentation d'une seconde. Les valeur possibles sont "numeric", "2-digit".
    timeZoneName
    La représentation du nom d'un fuseau horaire. Les valeur possibles sont "short", "long".

    La valeur par défaut pour chaque composant date-heure est undefined, mais si tous les propriétés composant sont undefined, alors year, month, et day sont supposés "numeric".

    Description

    Propriétés

    Intl.DateTimeFormat.prototye
    Permet l'ajout de propriétés à tous les objets.

    Méthodes

    Intl.DateTimeFormat.supportedLocalesOf()
    Renvoie un tableau contenant les locales supportées parmis les locales fournies, sans qu'il soit nécessaire de recourir à la locale par défaut de l'implémentation.

    Instances de DateTimeFormat

    Propriétés

    Les instances de DateTimeFormat() héritent des propriétés suivantes depuis leur prototype :

    Intl.DateTimeFormat.prototype.constructor
    Une référence à Intl.DateTimeFormat.
    Intl.DateTimeFormat.prototype.format
    Un accesseur qui renvoie une fonction formattant une date selon les options de format et de locale spécifiées pour l'objet DateTimeFormat.

    Méthodes

    Les instances de DateTimeFormat() héritent des propriétés suivantes depuis leur prototype :

    Intl.DateTimeFormat.prototype.resolvedOptions()
    Renvoie un nouvel objet dont les propriétés indiquent les options de format et de locale calculées lors de l'initialisation de l'objet.

    Exemples

    Utiliser DateTimeFormat()

    Dans une utilisation basique sans préciser de locale, DateTimeFormat() utilise la locale et les options par défaut

    var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
    
    // DateTimeFormat sans arguments dépend de l'implémentation,
    // la locale par défaut, et le fuseau horaire par défaut
    console.log(new Intl.DateTimeFormat().format(date));
    // → "20/12/2012" avec une locale fr-Fr et un fuseau horaire CEST

    Utiliser locales

    Cet exemple montre quelques variations de formattage pour les dates et les heures localisées. Afin d'obtenir le langage utilisé au sein de l'interface utilisateur de votre application, vérifiez de bien fournir ce langage (et éventuellement des locales de recours) en utilisant l'argument locales :

    var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
    
    // les formats qui suivent se basent sur le 
    // fuseau horaire CEST
    
    // l'anglais américain utilise l'ordre mois-jour-année
    console.log(new Intl.DateTimeFormat("en-US").format(date));
    // → "12/20/2012"
    
    // l'anglais britannique utilise l'ordre jour-mois-année
    console.log(new Intl.DateTimeFormat("en-GB").format(date));
    // → "20/12/2012"
    
    // le coréen utilise l'ordre année-mois-jour
    console.log(new Intl.DateTimeFormat("ko-KR").format(date));
    // → "2012. 12. 20."
    
    // l'arabe, dans la plupart des pays arabophones, utilise les chiffres arabes
    console.log(new Intl.DateTimeFormat("ar-EG").format(date));
    // → "٢٠‏/١٢‏/٢٠١٢"
    
    // en ce qui concerne le japonais, les applications peuvent
    // souhaiter utiliser le calendrier japonais
    // pour lequel 2012 était l'année 24 de l'ère Heisei
    console.log(new Intl.DateTimeFormat("ja-JP-u-ca-japanese").format(date));
    // → "24/12/20"
    
    // quand un langage non support est demandé (ex : le balinais)
    // il est possible de fournir un langage de recours (ici l'indonésien)
    console.log(new Intl.DateTimeFormat(["ban", "id"]).format(date));
    // → "20/12/2012"
    

    Utiliser options

    Les formats de la date et de l'heure peuvent être personnalisés en utilisant l'argument options :

    var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
    
    // fournir le jour de la semaine avec une date longue
    var options = {weekday: "long", year: "numeric", month: "long", day: "numeric"};
    console.log(new Intl.DateTimeFormat("de-DE", options).format(date));
    // → "Donnerstag, 20. Dezember 2012"
    
    // une application peut vouloir utiliser UTC et le rendre visible
    options.timeZone = "UTC";
    options.timeZoneName = "short";
    console.log(new Intl.DateTimeFormat("en-US", options).format(date));
    // → "Thursday, December 20, 2012, GMT"
    
    // parfois, vous voulez être précis
    options = {hour: "numeric", minute: "numeric", second: "numeric",
               timeZoneName: "short"};
    console.log(new Intl.DateTimeFormat("en-AU", options).format(date));
    // → "2:00:00 pm AEDT"
    
    // parfois, même les USA ont besoin d'afficher une heure sur 24h
    options = {year: "numeric", month: "numeric", day: "numeric",
               hour: "numeric", minute: "numeric", second: "numeric",
               hour12: false};
    console.log(date.toLocaleString("en-US", options));
    // → "12/19/2012, 19:00:00"
    

    Spécifications

    Spécification Statut Commentaire
    ECMAScript Internationalization API 1.0 (ECMA-402)
    La définition de 'Intl.DateTimeFormat' dans cette spécification.
    Standard Première définition.

    Compatibilité des navigateurs

    Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Support simple 24 29 (29) 11 15 Pas de support
    Fonctionnalité Android Chrome pour Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Support simple Pas de support 26 Pas de support
    bug 864843
    Pas de support Pas de support Pas de support

    Voir aussi

     

    Étiquettes et contributeurs liés au document

    Contributors to this page: teoli, tregagnon, SphinxKnight
    Dernière mise à jour par : SphinxKnight,