Changer le format de la date en JavaScript

Shraddha Paghdar 12 octobre 2023
  1. Modifier le format de la date à l’aide de Date() dans JavaScript
  2. Modifier le format de la date à l’aide de DateJS en JavaScript
Changer le format de la date en JavaScript

Déterminer l’heure/le moment actuel est une partie importante de chaque application. JavaScript prend en charge un objet Date qui représente un point unique dans le temps. Les objets date contiennent un nombre représentant les millisecondes depuis le 1er janvier 1970 UTC, également connu sous le nom de millisecondes depuis l’époque Unix. JavaScript fournit différentes manières d’obtenir une date dans plusieurs formats.

Modifier le format de la date à l’aide de Date() dans JavaScript

Il s’agit d’une fonction intégrée à JavaScript qui renvoie la chaîne de date formatée. Lorsqu’il est appelé new Date(), il agit comme un constructeur et renvoie l’objet Date au lieu d’une chaîne formatée. Il offre également diverses méthodes statiques comme

  • Date.now()
  • Date.parse()
  • Date.UTC()

L’objet Date prend également en charge les méthodes d’instance telles que

  • Date.prototype.getDate() : cette méthode renverra le jour du mois dans la plage 1-31 pour la date donnée en fonction de l’heure locale.
  • Date.prototype.getMonth() : cette méthode renverra le mois dans la plage de 0 à 11 à la date donnée en fonction de l’heure locale. Le mois commencera à 0.
  • Date.prototype.getYear() : Cette méthode retournera l’année à la date donnée en fonction de l’heure locale. Il renvoie l’année généralement 2 à 3 chiffres.
  • Date.prototype.getFullYear() : cette méthode renverra l’année sous forme de 4 chiffres pour les années à 4 chiffres de la date donnée selon l’heure locale.

Syntaxe de Date() en JavaScript

Date();

Exemple de code :

const today = new Date();
const month = [
  'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August',
  'September', 'October', 'November', 'December'
];
const str =
    today.getDate() + ' ' + month[today.getMonth()] + ' ' + today.getFullYear();
console.log(str);

Production :

18 November 2021

L’objet Date intégré ci-dessus vous permet de modifier le format de la date en fonction de vos besoins. Vous pouvez également utiliser une bibliothèque externe comme DateJS.

Modifier le format de la date à l’aide de DateJS en JavaScript

JavaScript possède une bibliothèque de dates open source appelée DateJS pour le formatage, l’analyse et le traitement. Apprenez à importer DateJS ici.

Syntaxe de Date.parse() dans DateJS

Date.parse($string);

Paramètre de Date.parse()

  • $string : C’est un paramètre obligatoire. Ce champ accepte toute chaîne de date telle que today, tomorrow, last Sunday, July 4th, t + 3d, etc. Voir le document officiel pour plus d’informations.

Exemple de code :

const parsedDate = Date.parse('tomorrow');
console.log(parsedDate);

Production :

Fri Nov 19 2021

Syntaxe de Date.toString() dans DateJS

Date.parse($string);

Paramètre de Date.toString()

  • $string : C’est un paramètre optionnel. Ce champ accepte n’importe quelle chaîne de date comme M/d/yyyy, d-MMM-yyyy, HH:mm, MMMM dS, yyyy, etc. Par défaut, fonction JavaScript native Date.toString() sera appelé si aucun format n’est fourni.

Exemple de code :

const parsedDate = Date.today().toString('MMMM dS, yyyy');
console.log(parsedDate);

Production :

November 18th, 2021
Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

Article connexe - JavaScript Date