Le formatage des dates en JavaScript peut être un peu délicat. De nombreux développeurs s'appuient sur des bibliothèques tierces pour formater les dates.
Aujourd'hui, je vais partager un aperçu des objets de date intégrés à Javascript. Vous pouvez donc commencer à l'utiliser facilement et rapidement dans votre prochain projet.
Il existe plusieurs méthodes pour formater une date en javascript.
Date Object est livré avec des méthodes très utiles que vous pouvez utiliser pour obtenir la date dans un format approprié.
Une fois que vous l'appelez en tant que fonction, il renvoie la date et l'heure actuelles du navigateur, mais lorsque vous l'appelez en tant que constructeur, il renvoie un nouvel objet Date ainsi que des méthodes.
Format de date Javascript utilisant Date();
'Lundi 10 octobre 2022 13:04:29 GMT+0500 (heure standard du Pakistan)'
nouvelle date();
Vous obtiendrez également la date actuelle, mais vous pourrez désormais appeler les méthodes objet.
Vous pouvez obtenir la liste de toutes les méthodes disponibles à partir de mdn docs comme :
- getFullYear - (aaaa)
- getMois - (0-11)
- getDate - (1-31)
- getHeures - (0-23)
- getMinutes - (0-59)
- getSeconds - (0-59)
- getDay- (0-6) Où 0 représente dimanche
- et beaucoup plus
Vous pouvez utiliser ces méthodes pour obtenir l’heure souhaitée. Mais nous avons quand même besoin d’une solution de contournement pour obtenir la date et l’heure réelles, lisibles par l’homme, pour les applications Web professionnelles.
Fuseaux horaires:
Il existe de nombreux fuseaux horaires, mais nous considérons principalement l'heure locale et universelle (UTC) ou GMT.
Par défaut, presque toutes les méthodes de date renvoient l'heure locale.
versLocaleDateString
Il renvoie une chaîne de portions de date pour une date spécifique en fonction du fuseau horaire de l'utilisateur.
Vous pouvez transmettre deux arguments, locales et options.
Les paramètres régionaux sont la notation courte de la langue comme « en-US » pour l'anglais américain, « en-GB » pour l'anglais britannique, « hi-IN » pour l'hindi, « ur » pour l'ourdou, etc.
Options est un objet qui accepte des informations de formatage supplémentaires telles que :
- jour : (numérique | 2 chiffres)
- jour de la semaine : (étroit | court | long)
- année : (numérique | 2 chiffres)
- mois : (numérique | 2 chiffres | étroit | long | court)
- seconde : (numérique | 2 chiffres)
- minute : (numérique | 2 chiffres)
- heure : (numérique | 2 chiffres)
Exemples:
const event = new Date();
const options = {
day: '2-digit',
year: '2-digit',
month: 'long',
weekday: 'short'
}
event.toLocaleDateString('en-US', options);
PS : Le niveau de personnalisation avec cette approche est très faible.
Vous devrez créer des formats personnalisés si vous souhaitez utiliser des formats de date plus complexes.
Les ressources utiles suivantes peuvent vous aider à choisir facilement des formats de date personnalisés :
