Formats de date JavaScript

Javascrip a un objet intégré appelé objet Date, qui fonctionne avec la date et l'heure dans un format indépendant de la plate-forme; Il représente le nombre de secondes passées depuis minuit de janvier 1970 par la norme ECMAScript.

Dans cet article, nous apprendrons différentes méthodes pour modifier le format de date dans JavaScript;

Mais pour ce faire, d'abord, nous aurons besoin d'une variable pour stocker la valeur de la date. JavaScript a un type de données intégré (objet de date) qui peut être utilisé pour stocker les dates.

Note: Nous utiliserons la console du navigateur pour démontrer des exemples réalisés dans cet article. Pour ouvrir la console du navigateur:

• Utilisez le Clé F12 dans Chrome et d'autres navigateurs à base de chrome.
• utiliser Ctrl + Shift + K clavier Clés de raccourci pour Mozilla.
• utiliser Option + ⌘ + c clavier Clés de raccourci dans Safari (si le menu du développeur n'apparaît pas, ouvrez les préférences en appuyant sur ⌘ +, et dans un onglet avancé Vérifiez "Afficher le menu de développement dans la barre de menu»).

Comment créer un objet date dans JavaScript?

Dans JavaScript, nous pouvons utiliser la nouvelle méthode Date () pour créer un objet Date.

var date = new Date ();
console.journal (date);

Le Nouvelle fonction () Fonction sans aucune parenthèse crée un objet avec la date actuelle. Nous pouvons également transmettre des arguments à la nouvelle fonction Date () pour créer de nouveaux objets de date avec une date et une heure spécifiées. Veuillez consulter cet article pour en savoir plus sur l'objet de date et les méthodes que nous pouvons utiliser pour opérer sur l'objet date.

Comment formater l'objet date

En JavaScript, nous avons différentes méthodes qui peuvent être utilisées pour obtenir la date au format requis. Voici une liste de quelques-unes des méthodes qui peuvent être utilisées pour formater l'objet Date:

• TodateString ()

• TotimeString ()

• TOISOSTRING ()

• tolocalestring ()

Méthode TodateString ()

Nous allons commencer par le Méthode TodateString (); Le Méthode TodateString () Peut être utilisé pour obtenir la date au format suivant:

[Date du jour de l'année]

var date = new Date ();
console.journal (date);
console.journal (date.TodateString ());

Cette méthode est utilisée pour obtenir uniquement la partie de date de la chaîne de date entière.

Méthode TOTIMESTRING ()

Le Méthode TOTIMESTRING () est utilisé pour obtenir l'heure de la chaîne de date. Il étend le temps dans le format suivant:

[HEURES: MINUTES: DECONS DIECONS (Nom du fuseau horaire)]]

var date = new Date ();
console.journal (date);
console.journal (date.TotimeString ());

Méthode TOISOSTRING ()

Cette méthode est utilisée pour obtenir la date au format ISO. Ce format donne la date dans le fuseau horaire Zero UTC.

var date = new Date ();
console.journal (date);
console.journal (date.TOISOSTRING ());

Méthode Tolocalestring ()

Cette méthode formate la date dans un format de chaîne localisé. Cette fonction prend une langue et un pays au format de code local standard, i.e., 'en-us' comme paramètre, et formate la date selon les paramètres régionaux souhaités (spécifiés).

var date = new Date ();
console.journal (date);
console.journal (date.Tolocalestring («en-us»));

Les méthodes «get»

Nous pouvons utiliser le getlyear (), getMonth (), getDate (), gethours (), getMinutes (), getSeconds () et getMilliseConds () Pour produire la date dans notre format requis.

Le Méthode Gettillyar () peut être utilisé pour obtenir uniquement la valeur de l'année stockée dans l'objet de date. De la même manière, getmonth (), getDate (), gethours (), getMinutes (), getEconds () et getMilliseconds () peut être utilisé pour obtenir les valeurs individuelles de Mois, date, heures, minutes, secondes et millisecondes respectivement.

Nous pouvons combiner l'une de ces méthodes pour obtenir une date dans notre format requis. Dans cet exemple, nous formaterons la date de la manière suivante:

Date / mois / an

var date = new Date ();
var d = date.avoir un rendez-vous();
var m = date.getMonth ();
var y = date.getlyear ();
m ++;
console.log (d + "/" + m + "/" + y)

Dans l'exemple ci-dessus, nous incrémentons la variable qui contient la valeur du mois en cours car les mois commencent à 0 en JavaScript.

Conclusion

Le formatage des dattes est une compétence essentielle pour les développeurs Web car ils doivent représenter la date dans un format particulier. De nombreux développeurs n'utilisent pas les méthodes JavaScript intégrées pour fonctionner sur l'objet de date car ils peuvent être très déroutants. Au lieu de cela, ils utilisent des bibliothèques tierces pour manipuler l'objet de date.

Dans cet article, nous avons vu différentes méthodes qui peuvent être utilisées pour formater l'objet date. Toutes ces méthodes sont présentes dans JavaScript par défaut.