Formatage d'une date en JavaScript

Harshit Jindal 12 octobre 2023
  1. Formater une donnée en JavaScript à l’aide de toTimeString() en JavaScript
  2. Formatage d’une donnée JavaScript en utilisant toUTCString() en JavaScript
  3. Mettre en forme une donnée JavaScript à l’aide de toDateString() en JavaScript
  4. Mettre en forme une donnée JavaScript à l’aide de toLocaleString() en JavaScript
  5. Mettre en forme une donnée JavaScript à l’aide de toLocaleTimeString() en JavaScript
  6. Utilisez les fonctions personnalisées pour mettre en forme la date en JavaScript
  7. Utilisez le package Moment.js avec Node.js pour formater la date en JavaScript
  8. Utilisez le package dateformat avec Node.js
Formatage d'une date en JavaScript

Ce didacticiel explique comment formater une date JavaScript.

Nous pouvons obtenir la date et l’heure actuelles en utilisant l’objet JavaScript Date. Nous pouvons formater la date en écrivant nos propres fonctions personnalisées et en utilisant des bibliothèques comme moment.js.

Tout d’abord, nous créons une variable nommée date en utilisant l’objet Date pour obtenir la date et l’heure actuelles.

var date = new Date();

Nous montrerons le résultat de toutes les fonctions de formatage appliquées à cette variable.

Formater une donnée en JavaScript à l’aide de toTimeString() en JavaScript

toTimeString() permet d’extraire uniquement la chaîne contenant des informations sur l’heure de la variable date.

var date = new Date();
result = date.toTimeString();
console.log(result);

Production:

"20:07:37 GMT+0100 (Central European Standard Time)"

Formatage d’une donnée JavaScript en utilisant toUTCString() en JavaScript

Cette méthode renvoie le temps moyen de Greenwich ou le temps universel coordonné à partir de l’heure du pays actuel stockée dans la variable.

var date = new Date();
result = date.toUTCString();
console.log(result);

Production:

"Thu, 18 Mar 2021 19:09:40 GMT"

Mettre en forme une donnée JavaScript à l’aide de toDateString() en JavaScript

Cette méthode extrait la date et la renvoie sous la forme d’une chaîne.

var date = new Date();
result = date.toDateString();
console.log(result);

Production:

"Thu Mar 18 2021"

Mettre en forme une donnée JavaScript à l’aide de toISOString() en JavaScript

Il renvoie une chaîne contenant la date / heure au format ISO 8601.

var date = new Date();
result = date.toISOString();
console.log(result);

Production:

"2021-03-18T19:11:35.957Z"

Mettre en forme une donnée JavaScript à l’aide de toLocaleString() en JavaScript

Il convertit l’objet date en une chaîne en utilisant les paramètres régionaux.

var date = new Date();
result = date.toLocaleString();
console.log(result);

Production:

"3/18/2021, 8:13:03 PM"

Mettre en forme une donnée JavaScript à l’aide de toLocaleTimeString() en JavaScript

Il convertit l’objet de date mais extrait uniquement l’heure en une chaîne à l’aide des paramètres régionaux.

var date = new Date();
result = date.toLocaleTimeString();
console.log(result);

Production:

"8:14:22 PM"

Utilisez les fonctions personnalisées pour mettre en forme la date en JavaScript

Format de date dd-mm-yyyy ou dd/mm/yyyy et modèles similaires

Nous utilisons les méthodes getDate(), getMonth() et getFullYear() pour obtenir les parties de la date en morceaux et les concaténer en utilisant le symbole que nous voulons et dans l’ordre que nous voulons.

Par exemple, nous pouvons obtenir dd/mm/yyyy, dd-mm-yyyy, mm-dd-yyyy, mm/yyyy de la manière que nous voulons en écrivant une fonction personnalisée comme nous l’avons écrit ci-dessous.

var date = new Date();
const formatDate = (date) => {
  let formatted_date =
      date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear()
  return formatted_date;
} console.log(formatDate(date));

Production:

"18-3-2021"

Nous pouvons également mettre le nom du mois comme January, February, March, à l’intérieur de la chaîne de date.

var date = new Date();
const months = [
  'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV',
  'DEC'
];

const formatDate = (date) => {
  let formatted_date =
      date.getDate() + '-' + months[date.getMonth()] + '-' + date.getFullYear()
  return formatted_date;
} console.log(formatDate(date));

Production:

"18-MAR-2021"

Format de date yyyy-mm-dd hh:mm:ss et modèles similaires

Nous utilisons toutes les méthodes getDate(), getMonth() et getFullYear(), getHour(), getminutes(), getsecond() pour obtenir les parties de la date et de l’heure individuellement et les concaténer en utilisant le symbole que nous voulons et dans l’ordre que nous voulons.

var date = new Date();

const formatDate =
    (current_datetime) => {
      let formatted_date = current_datetime.getFullYear() + '-' +
          (current_datetime.getMonth() + 1) + '-' + current_datetime.getDate() +
          ' ' + current_datetime.getHours() + ':' +
          current_datetime.getMinutes() + ':' + current_datetime.getSeconds();
      return formatted_date;
    }

                          console.log(formatDate(date));

Production:

"2021-3-18 20:21:2"

Utilisez le package Moment.js avec Node.js pour formater la date en JavaScript

Elle est considérée comme la meilleure bibliothèque de date et d’heure en JavaScript. Il est simple à utiliser et il n’est pas nécessaire de mémoriser et de construire toutes ces différentes fonctions. Les utilisateurs peuvent facilement écrire un modèle de chaîne en fonction de leurs besoins de mise en forme.

const moment = require('moment');
let m = moment();
m.format('[Time: ] h:mm:ss a');  // output of the form `Time: 11:39:03 pm`

Le code ci-dessus montre l’une des façons dont moment.js nous permet de formater la date et l’heure à l’aide du Node REPL.

Utilisez le package dateformat avec Node.js

Un autre paquet comme Moment.js peut nous aider à formater Date. Il fonctionne à la fois avec Node.js et JavaScript côté navigateur. Il étend l’objet Date en incluant une méthode .format().

Côté navigateur

Day = new Date();
Day.format('dd-m-yy');  // Returns '16-3-21'

Le code ci-dessus montre la simplicité d’utilisation du package dateformat avec l’objet Date.

Node.js

const dateformat = require('dateformat');
let now = new Date();
dateformat(now, 'dddd, mmmm dS, yyyy, h:MM:ss TT');  // returns 'Tuesday, March
                                                     // 16th, 2021, 11:32:08 PM'

Le code ci-dessus montre l’utilisation du paquet dateformat pour formater la date avec Node REPL.

Harshit Jindal avatar Harshit Jindal avatar

Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.

LinkedIn

Article connexe - JavaScript Date