Comment formater la date en JavaScript ?

Question

Comment formater un objet Javascript Date (De préférence au format suivant : 10-Aug-2010)

Answer 1

Si vous avez besoin d'un peu moins de contrôle sur le formatage que la réponse actuellement acceptée, le paramètre Date#toLocaleDateString 可用于创建标准的特定于区域设置的渲染。 locale 和 options permet à l'application de spécifier la langue dans laquelle la convention de formatage doit être utilisée et permet une certaine personnalisation du rendu.

Exemple de clé d'option :

1. Date :
   Représentant du jour.
   Les valeurs possibles sont "nombre", "2 chiffres".
2. Jours ouvrables :
   Représentation des jours ouvrables.
   Les valeurs possibles sont "étroit", "court", "long".
3. Année :
   Représentation annuelle.
   Les valeurs possibles sont "nombre", "2 chiffres".
4. Mois :
   Représentation du mois.
   Les valeurs possibles sont "numérique", "2 chiffres", "étroit", "court", "long".
5. Horaires :
   Représentation des heures.
   Les valeurs possibles sont "nombre", "2 chiffres".
6. Procès-verbal : Représentation des procès-verbaux.
   Les valeurs possibles sont "nombre", "2 chiffres".
7. Deuxième :
   représentant de la seconde.
   Les valeurs possibles sont « numéro », 2 chiffres.
8. 12 heures :
   Représentation du format de l'heure.
   Accepte les booléens vrai ou faux

Toutes ces clés sont facultatives. Vous pouvez modifier le nombre de valeurs d'option selon vos besoins et cela reflétera également la présence de chaque terme de date et d'heure.

Remarque : Si vous souhaitez uniquement configurer les options de contenu tout en utilisant les paramètres régionaux actuels, transmettez plutôt null 将导致错误。请使用 undefined pour le premier argument.

Pour différentes langues :

1. "en-US": Anglais américain
2. "en-GB": Pour l'anglais britannique
3. "salut-IN": Hindi
4. "ja-JP": Japonais

Plus d'options linguistiques s'offrent à vous.

Par exemple

var options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
var today  = new Date();

console.log(today.toLocaleDateString("en-US")); // 9/17/2016
console.log(today.toLocaleDateString("en-US", options)); // Saturday, September 17, 2016
console.log(today.toLocaleDateString("hi-IN", options)); // शनिवार, 17 सितंबर 2016

Vous pouvez également utiliser la méthode toLocaleString() pour atteindre le même objectif. La seule différence est que cette fonction indique le moment où vous ne transmettez aucune option.

// Example
9/17/2016, 1:21:34 PM

Référence :

• toLocaleString( ）

• toLocaleDateString( ）

Answer 2

Pour les formats de date délimités personnalisés, vous devez extraire la date (ou l'heure) Un composant d'un objet DateTimeFormat (c'est-à-dire une partie de ECMAScript Internationalization API) puis créez la chaîne manuellement avec le délimiteur souhaité.

Pour cela, vous pouvez utiliser DateTimeFormat# formatToParts. tu peux Déstructurer le tableau, mais ce n'est pas idéal puisque la sortie du tableau dépend de Localité :

{ // example 1
   let formatter = new Intl.DateTimeFormat('en');
   let example = formatter.formatToParts();
   console.log(example);
}
{ // example 2
   let formatter = new Intl.DateTimeFormat('hi');
   let example = formatter.formatToParts();
   console.log(example);
}