Introduction aux formats de date JavaScript

Une date est un objet intégré en JavaScript, et elle stocke la date et l'heure et est utilisée pour stocker, créer et modifier l'heure, mesurer l'heure ou afficher la date actuelle avec ou sans le composant `` heure '' dans divers formats comme vous le souhaitez. Il fournit également diverses fonctions ou méthodes avec lesquelles jouer.

L'instance de date JavaScript représente un instant dans un format indépendant de la plate-forme. L'objet Date porte à la fois la partie date et la partie heure. ISO 8601 (AAAA-MM-JJ) est la norme internationale pour la présentation de la date et de l'heure, et le format de date préféré en JavaScript. En outre, les objets Date contiennent un nombre qui représente la date et l'heure en millisecondes depuis le 1er janvier 1970 UTC, en fonction de la valeur donnée à l'objet Date.

Syntaxe

Pour définir un nouvel objet Date, nous devons appeler un nouveau Date () avec l'une des options suivantes:

new Date();
new Date(value);
new Date(dateString);
new Date(year, month index (, day (, hours (, minutes (, seconds (, milliseconds))))));

Nous devons utiliser le nouvel opérateur pour instancier un objet Date. Si nous utilisons directement l'objet Date, comme maintenant = Date (), la valeur renvoyée est une chaîne plutôt qu'un objet Date.

Lorsqu'aucun argument n'est fourni, l'objet Date affiche la date et l'heure actuelles. Par défaut, l'objet Date en JavaScript affiche la date / heure en heure locale.

Exemples de formats de date JavaScript

Voyons à l'aide de quelques exemples ci-dessous:

Exemple 1

Afficher la date et l'heure actuelles

Code



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date();
document.getElementById("display").innerHTML = current_date;

Production:

Formats de date

Les différentes façons de formater la date en JavaScript sont les suivantes:

  • Date ISO (Norme internationale) - «2019-11-06»
  • Date longue - «12 novembre 2019» ou «12 novembre 2019»
  • Date courte - «12/11/2019»

Exemple # 2

Afficher les dates dans différents formats

Code



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())



JS Dates

const months = ("JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC");
var current_date = new Date();
console.log("ISO Format: ", current_date.getFullYear()+"-"+current_date.getMonth()+"-"+current_date.getDate())
console.log("Long Format: ", current_date.getDate()+" "+months(current_date.getMonth())+" "+current_date.getFullYear())
console.log("Short Format: ", current_date.getDate()+"-"+current_date.getMonth()+"-"+current_date.getFullYear())

Production:

D'après le code ci-dessus, nous pouvons voir que la partie Mois de la date commence à zéro, c'est-à-dire que janvier est le mois zéro. Il en va de même pour la tranche horaire (getDay ()), le dimanche commence à zéro.

Lorsque nous spécifions la date au format chaîne dans l'objet Date, nous avons tendance à écrire comme «12-11-2019» (12 novembre 2019), mais en JavaScript, spécifier la date dans ce format nous donne une valeur de date erronée.

Exemple # 3

La mauvaise date affichée

Code



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;



JS Dates

var current_date = new Date('12-11-2019');
document.getElementById("display").innerHTML = current_date;

Production:

Maintenant, nous allons afficher la date-heure en millisecondes en utilisant la fonction Date.parse (). Cette fonction obtient le nombre exact de millisecondes qui se sont écoulées depuis minuit, le 1er janvier 1970, jusqu'à la date indiquée.

Exemple # 4

Date en millisecondes

Code



var msec_date = Date.parse('12-11-2019');
console.log("Date in Milli-Seconds:", msec_date)

Production:

La bonne chose à propos de l'objet Date JavaScript est que, si nous fournissons une valeur qui ne tombe pas dans une plage acceptable, JavaScript recalcule automatiquement la date pour produire une valeur de date acceptable. Prenons un exemple:

Exemple # 5

Correction automatique de la valeur de la date

Code



var autocorrect_date = new Date(2019, 9, 46);
console.log("Date Value:", autocorrect_date)

Production:

L'exemple de code ci-dessus recalcule la valeur fournie et affiche une valeur de date correcte et acceptable. De plus, si nous remarquons la section de code sur la façon dont la valeur des données est fournie, il semble que nous pouvons diviser la partie de la valeur de date et d'heure et la présenter sous forme de nombres individuels séparés par une virgule. La valeur «9» représente le mois d'octobre, comme indiqué dans la section précédente de cet article, que la partie Mois de la date commence à 0 (janvier = 0, février = 1, etc.)

Conclusion

Dans cet article, nous avons appris l'objet date JavaScript et compris divers formats date-heure qui peuvent être affichés en JavaScript à l'aide de méthodes intégrées date-heure. L'une des meilleures pratiques consiste à créer des dates avec la méthode arguments et à éviter d'utiliser la méthode chaîne de dates.

Articles recommandés

Ceci est un guide sur les formats de date JavaScript. Nous discutons ici de l'introduction à JavaScript ainsi que des exemples appropriés. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus–

  1. Sécurité des applications Web
  2. Qu'est-ce que WebSocket?
  3. Qu'est-ce que les services Web ASP.Net?
  4. Qu'est-ce que Selenium Web Driver?

Catégorie:

Développement de logiciels