Comment obtenir la date au format DD / MM / YYYY en JavaScript?

Travailler avec des dates est l'un des obstacles les plus courants à affronter en tant que programmeur, et JavaScript n'est pas différent. Différentes applications ou programmes nous obligent à formater la valeur de date différemment. Mais grâce à JavaScript étant si facile et convivial, nous pouvons facilement formater la date à l'aide des fonctions intégrées de JavaScript.

Dans ce tutoriel, nous allons formater la variable de date dans «dd / mm / yyyy«En utilisant ces méthodes intégrées:

• Gettilyar (): Revient comme l'année complète au format à quatre chiffres
• getMonth (): Renvoie le mois à partir d'une variable de date, n'oubliez pas que le mois commence à partir de 0 pour janvier, vous devez donc en ajouter 1 pour éviter la confusion
• avoir un rendez-vous(): Nous renvoie la date du mois à partir d'une variable de date

Création d'une nouvelle variable de date dans JavaScript

Pour commencer, nous avons d'abord besoin d'une date pour que nous allons simplement utiliser l'objet date pour obtenir la date actuelle, et nous allons stocker cela à l'intérieur d'une variable "date actuelle". Pour cela, utilisez la ligne suivante:

var currentDate = new Date ();

Maintenant, nous pouvons obtenir le format actuel de cette variable de date nouvellement créée en utilisant le journal de console:

Ce n'est pas le format, donc nous allons travailler sur cette étape maintenant.

Obtenir un mois dans le format «MM» correct

Passons d'abord le mois à partir de cette date en utilisant le getMonth () fonctionne comme

var mois = currentdate.getMonth () + 1;

Nous avons ajouté 1 à notre mois car le mois de la variable de date commence à partir de 0. Après cela, nous devons nous assurer que le mois n'est pas à un chiffre à un chiffre, nous produisons donc la vérification suivante:

si (mois < 10) month = "0" + month;

Cela changerait le mois à un chiffre en deux chiffres, ou nous pouvons dans le format "MM".

Obtenir la date au format «DD» correct

Nous allons récupérer la date du mois en utilisant le avoir un rendez-vous() fonction:

var dateOfMonth = currentDate.avoir un rendez-vous();

Ensuite, nous vérifions une date à un chiffre et la convertissons en deux chiffres en utilisant la ligne suivante:

if (dateofmonth < 10) dateOfMonth = "0" + dateOfMonth;

Maintenant, nous avons également notre date dans le format correct.

Obtenir une année dans le bon format «Yyyy»

Enfin, nous obtenons notre année à partir de la variable de date à l'aide de la méthode Getlilementar () comme

Var Année = CurrentDate.getlyear ();

Gettillyear () retourne l'année dans le «yyyy»Format. Par conséquent, nous n'avons pas besoin de mettre un chèque.

Compilation de la date complète dans le format correct

Enfin, nous devons mettre ces 3 composants de notre «date«Ensemble dans une nouvelle variable en utilisant la ligne de code suivante:

var formattedDate = dateOfmonth + "/" + mois + "/" + année;

À la fin, utilisez la fonction de journal de console pour imprimer le «formaté«Sur la console comme:

console.log (formattedDate);

L'extrait de code complet est le suivant:

var currentDate = new Date ();
console.log (currentDate);
var mois = currentdate.getMonth ();
si (mois < 10) month = "0" + month;
var dateOfMonth = currentDate.avoir un rendez-vous();
if (dateofmonth < 10) dateOfMonth = "0" + dateOfMonth;
Var Année = CurrentDate.getlyear ();
var formattedDate = dateOfmonth + "/" + mois + "/" + année;
console.log (formattedDate);

Lors de l'exécution, vous obtiendrez la sortie suivante sur votre écran:

Conclusion

La conversion d'une variable de date en un format spécifique peut sembler très intimidant au début. Mais le formatage des dattes peut très facilement être réalisé en utilisant la fonction intégrée fournie avec ES6 JavaScript. Dans ce post de tutoriel, nous avons appris à formater une date au format DD / mm / yyyy en utilisant les trois fonctions de base: getMonth (), GetDate et Gettillyear ().