diff options
Diffstat (limited to 'files/fr/web/javascript/reference/global_objects/date/tolocaledatestring/index.md')
| -rw-r--r-- | files/fr/web/javascript/reference/global_objects/date/tolocaledatestring/index.md | 154 |
1 files changed, 61 insertions, 93 deletions
diff --git a/files/fr/web/javascript/reference/global_objects/date/tolocaledatestring/index.md b/files/fr/web/javascript/reference/global_objects/date/tolocaledatestring/index.md index e773e49be3..3d0c471682 100644 --- a/files/fr/web/javascript/reference/global_objects/date/tolocaledatestring/index.md +++ b/files/fr/web/javascript/reference/global_objects/date/tolocaledatestring/index.md @@ -12,47 +12,50 @@ tags: translation_of: Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString original_slug: Web/JavaScript/Reference/Objets_globaux/Date/toLocaleDateString --- -<div>{{JSRef}}</div> +{{JSRef}} -<p>La méthode <code><strong>toLocaleDateString()</strong></code> renvoie une chaine de caractères correspondant à la date (le fragment de l'objet qui correspond à la date : jour, mois, année) exprimée selon une locale. Les arguments <code>locales</code> et <code>options</code> permettent aux applications de définir le langage utilisé pour les conventions de format et permettent de personnaliser le comportement de la fonction. Les anciennes implémentations ignorent ces arguments, la locale utilisée et le format de la chaine dépendent uniquement de l'implémentation.</p> +La méthode **`toLocaleDateString()`** renvoie une chaine de caractères correspondant à la date (le fragment de l'objet qui correspond à la date : jour, mois, année) exprimée selon une locale. Les arguments `locales` et `options` permettent aux applications de définir le langage utilisé pour les conventions de format et permettent de personnaliser le comportement de la fonction. Les anciennes implémentations ignorent ces arguments, la locale utilisée et le format de la chaine dépendent uniquement de l'implémentation. -<div>{{EmbedInteractiveExample("pages/js/date-tolocaledatestring.html")}}</div> +{{EmbedInteractiveExample("pages/js/date-tolocaledatestring.html")}} -<h2 id="Syntaxe">Syntaxe</h2> +## Syntaxe -<pre class="syntaxbox"><var>dateObj</var>.toLocaleDateString([locales [, options]])</pre> + dateObj.toLocaleDateString([locales [, options]]) -<h3 id="Paramètres">Paramètres</h3> +### Paramètres -<p>Voir le tableau de <a href="#compat">compatibilité des navigateurs</a> afin de déterminer quels navigateurs respectent les arguments <code>locales</code> et <code>options</code> ainsi que l'exemple <a href="#check">Vérifier le support des arguments locales et options</a> qui permet de détecter cette fonctionnalité.</p> +Voir le tableau de [compatibilité des navigateurs](#compat) afin de déterminer quels navigateurs respectent les arguments `locales` et `options` ainsi que l'exemple [Vérifier le support des arguments locales et options](#check) qui permet de détecter cette fonctionnalité. -<p>{{page('fr/docs/JavaScript/Reference/Objets_globaux/DateTimeFormat','Paramètres')}}</p> +{{page('fr/docs/JavaScript/Reference/Objets_globaux/DateTimeFormat','Paramètres')}} -<p>La valeur par défaut de chacun des composants de la date vaut {{jsxref("undefined")}}, si les propriétés <code>weekday</code>, <code>year</code>, <code>month</code>, <code>day</code> sont toutes <code>undefined</code>, on suppose alors que <code>year</code>, <code>month</code>, et <code>day</code> sont « numériques ».</p> +La valeur par défaut de chacun des composants de la date vaut {{jsxref("undefined")}}, si les propriétés `weekday`, `year`, `month`, `day` sont toutes `undefined`, on suppose alors que `year`, `month`, et `day` sont « numériques ». -<h3 id="Valeur_de_retour">Valeur de retour</h3> +### Valeur de retour -<p>Une chaîne de caractères qui représente le jour de la date indiquée selon des options de locales.</p> +Une chaîne de caractères qui représente le jour de la date indiquée selon des options de locales. -<h2 id="Exemples">Exemples</h2> +## Exemples -<h3 id="Utiliser_toLocaleDateString()">Utiliser <code>toLocaleDateString()</code></h3> +### Utiliser `toLocaleDateString()` -<p>Voici un usage simple qui ne définit pas de locale : une chaine de caractères dans une locale et avec des options par défaut est renvoyée.</p> +Voici un usage simple qui ne définit pas de locale : une chaine de caractères dans une locale et avec des options par défaut est renvoyée. -<pre class="brush:js">var date = new Date(Date.UTC(2012, 11, 12, 3, 0, 0)); +```js +var date = new Date(Date.UTC(2012, 11, 12, 3, 0, 0)); // toLocaleDateString() sans argument, on utilise donc // les valeurs par défaut (de l'implémentation) // pour la locale, et le fuseau horaire date.toLocaleDateString(); -// → "12/12/2012" si exécuté dans une locale fr et le fuseau horaire CEST</pre> +// → "12/12/2012" si exécuté dans une locale fr et le fuseau horaire CEST +``` -<h3 id="Vérifier_le_support_des_arguments_locales_et_options">Vérifier le support des arguments <code>locales</code> et <code>options</code></h3> +### Vérifier le support des arguments `locales` et `options` -<p>Les arguments <code>locales</code> et <code>options</code> ne sont pas encore supportés par tous les navigateurs. Afin de vérifier si l'implementation utilisée les supporte, vous pouvez utiliser le pré-requis suivant : les locales incorrectes sont rejetées avec une exception<code> RangeError</code> :</p> +Les arguments `locales` et `options` ne sont pas encore supportés par tous les navigateurs. Afin de vérifier si l'implementation utilisée les supporte, vous pouvez utiliser le pré-requis suivant : les locales incorrectes sont rejetées avec une exception` RangeError` : -<pre class="brush: js">function toLocaleDateStringSupportsLocales() { +```js +function toLocaleDateStringSupportsLocales() { try { new Date().toLocaleDateString("i"); } catch (e) { @@ -60,13 +63,14 @@ date.toLocaleDateString(); } return false; } -</pre> +``` -<h3 id="Utiliser_l'argument_locales">Utiliser l'argument <code>locales</code></h3> +### Utiliser l'argument `locales` -<p>Cet exemple montre quelques variations dues aux formats de dates localisés. 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 <code>locales</code> :</p> +Cet exemple montre quelques variations dues aux formats de dates localisés. 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` : -<pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); +```js +var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); // les formats qui suivent se basent sur le // fuseau horaire CEST @@ -85,7 +89,7 @@ alert(date.toLocaleDateString("ko-KR")); // l'arabe, dans la plupart des pays arabophones, utilise les chiffres arabes alert(date.toLocaleDateString("ar-EG")); -// → "<span dir="rtl">٢٠/١٢/٢٠١٢</span>" +// → "٢٠/١٢/٢٠١٢" // en ce qui concerne le japonais, les applications peuvent // souhaiter utiliser le calendrier japonais @@ -97,13 +101,14 @@ alert(date.toLocaleDateString("ja-JP-u-ca-japanese")); // il est possible de fournir un langage de recours (ici l'indonésien) alert(date.toLocaleDateString(["ban", "id"])); // → "20/12/2012" -</pre> +``` -<h3 id="Utiliser_l'argument_options">Utiliser l'argument <code>options</code></h3> +### Utiliser l'argument `options` -<p>Les résultats fournis par <code>toLocaleDateString()</code> peuvent être personnalisés grâce à l'argument <code>options</code> :</p> +Les résultats fournis par `toLocaleDateString()` peuvent être personnalisés grâce à l'argument `options` : -<pre class="brush: js">var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); +```js +var date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0)); // fournir le jour de la semaine avec une date longe var options = {weekday: "long", year: "numeric", month: "long", day: "numeric"}; @@ -116,68 +121,31 @@ options.timeZone = "UTC"; options.timeZoneName = "short"; alert(date.toLocaleDateString("en-US", options)); // → "Thursday, December 20, 2012, GMT" -</pre> - -<h2 id="Performance">Performance</h2> - -<p>Lorsque des grands nombres ou de grandes dates sont formatés, il est préférable de créer un objet {{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}} et d'utiliser la fonction fournie par sa propriété {{jsxref("DateTimeFormat.prototype.format", "format")}}.</p> - -<h2 id="Spécifications">Spécifications</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Spécification</th> - <th scope="col">État</th> - <th scope="col">Commentaires</th> - </tr> - <tr> - <td>{{SpecName('ES3')}}</td> - <td>{{Spec2('ES3')}}</td> - <td>Définition initiale. Implémentée avec JavaScript 1.0.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', 'sec-15.9.5.6', 'Date.prototype.toLocaleDateString')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-date.prototype.tolocaledatestring', 'Date.prototype.toLocaleDateString')}}</td> - <td>{{Spec2('ES6')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ESDraft', '#sec-date.prototype.tolocaledatestring', 'Date.prototype.toLocaleDateString')}}</td> - <td>{{Spec2('ESDraft')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES Int 1.0', '#sec-13.3.2', 'Date.prototype.toLocaleDateString')}}</td> - <td>{{Spec2('ES Int 1.0')}}</td> - <td>Définition des arguments <code>locales</code> et <code>options</code>.</td> - </tr> - <tr> - <td>{{SpecName('ES Int 2.0', '#sec-13.3.2', 'Date.prototype.toLocaleDateString')}}</td> - <td>{{Spec2('ES Int 2.0')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('ES Int Draft', '#sec-Date.prototype.toLocaleDateString', 'Date.prototype.toLocaleDateString')}}</td> - <td>{{Spec2('ES Int Draft')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> - -<p>{{Compat("javascript.builtins.Date.toLocaleDateString")}}</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}}</li> - <li>{{jsxref("Date.prototype.toLocaleString()")}}</li> - <li>{{jsxref("Date.prototype.toLocaleTimeString()")}}</li> - <li>{{jsxref("Date.prototype.toString()")}}</li> -</ul> +``` + +## Performance + +Lorsque des grands nombres ou de grandes dates sont formatés, il est préférable de créer un objet {{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}} et d'utiliser la fonction fournie par sa propriété {{jsxref("DateTimeFormat.prototype.format", "format")}}. + +## Spécifications + +| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ----------------------------------------------------- | +| {{SpecName('ES3')}} | {{Spec2('ES3')}} | Définition initiale. Implémentée avec JavaScript 1.0. | +| {{SpecName('ES5.1', 'sec-15.9.5.6', 'Date.prototype.toLocaleDateString')}} | {{Spec2('ES5.1')}} | | +| {{SpecName('ES6', '#sec-date.prototype.tolocaledatestring', 'Date.prototype.toLocaleDateString')}} | {{Spec2('ES6')}} | | +| {{SpecName('ESDraft', '#sec-date.prototype.tolocaledatestring', 'Date.prototype.toLocaleDateString')}} | {{Spec2('ESDraft')}} | | +| {{SpecName('ES Int 1.0', '#sec-13.3.2', 'Date.prototype.toLocaleDateString')}} | {{Spec2('ES Int 1.0')}} | Définition des arguments `locales` et `options`. | +| {{SpecName('ES Int 2.0', '#sec-13.3.2', 'Date.prototype.toLocaleDateString')}} | {{Spec2('ES Int 2.0')}} | | +| {{SpecName('ES Int Draft', '#sec-Date.prototype.toLocaleDateString', 'Date.prototype.toLocaleDateString')}} | {{Spec2('ES Int Draft')}} | | + +## Compatibilité des navigateurs + +{{Compat("javascript.builtins.Date.toLocaleDateString")}} + +## Voir aussi + +- {{jsxref("DateTimeFormat", "Intl.DateTimeFormat")}} +- {{jsxref("Date.prototype.toLocaleString()")}} +- {{jsxref("Date.prototype.toLocaleTimeString()")}} +- {{jsxref("Date.prototype.toString()")}} |