Formatage d'une date en JavaScript
-
Formater une donnée en JavaScript à l’aide de
toTimeString()
en JavaScript -
Formatage d’une donnée JavaScript en utilisant
toUTCString()
en JavaScript -
Mettre en forme une donnée JavaScript à l’aide de
toDateString()
en JavaScript -
Mettre en forme une donnée JavaScript à l’aide de
toLocaleString()
en JavaScript -
Mettre en forme une donnée JavaScript à l’aide de
toLocaleTimeString()
en JavaScript - Utilisez les fonctions personnalisées pour mettre en forme la date en JavaScript
-
Utilisez le package
Moment.js
avecNode.js
pour formater la date en JavaScript -
Utilisez le package
dateformat
avecNode.js
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 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