JavaScript Obtenir la date et l'heure actuelles

Harshit Jindal 12 octobre 2023
  1. Utilisez les méthodes getDate(), getMonth() et getYear() pour obtenir la date actuelle en JavaScript
  2. Utilisez la méthode Date.toDateString() pour obtenir la date actuelle en JavaScript
  3. Utilisez la méthode Date.toISOString() pour obtenir la date actuelle en JavaScript
  4. Utilisez la méthode intégrée toLocaleDateString() pour obtenir la date actuelle en JavaScript
JavaScript Obtenir la date et l'heure actuelles

Dans le Web moderne, presque tous les sites Web que nous utilisons sont construits à l’aide de JavaScript. La date et l’heure de la visite d’un utilisateur sont cruciales pour conserver un enregistrement de ses habitudes de navigation. JavaScript nous fournit un objet Date qui peut être utilisé pour obtenir la date et l’heure actuelles. Nous pouvons ensuite en extraire la date et l’heure sous la forme souhaitée. Dans ce tutoriel, nous allons voir différentes manières d’obtenir la date du jour en JavaScript selon nos besoins.

Utilisez les méthodes getDate(), getMonth() et getYear() pour obtenir la date actuelle en JavaScript

Dans cette approche, nous obtenons différentes parties d’une date en utilisant leurs méthodes respectives. La date est extraite à l’aide de getDate(), le mois est extrait à l’aide de getMonth() et l’année est extraite à l’aide de la méthode getYear(). Le mois extrait est indexé 0, il faut donc ajouter 1 pour obtenir le mois en cours. Le jour et le mois à un chiffre peuvent être complétés par 0 pour en faire tous les deux des 2 chiffres. Nous concaténons ensuite les résultats de toutes les 3 parties pour obtenir la date finale.

let date = new Date();
let output = String(date.getDate()).padStart(2, '0') + '/' +
    String(date.getMonth() + 1).padStart(2, '0') + '/' + date.getFullYear();
console.log(output);

Production:

"25/06/2021"

Utilisez la méthode Date.toDateString() pour obtenir la date actuelle en JavaScript

La méthode toDateString() renvoie la partie jour et date d’un objet Date. Le type de retour est une chaîne composée de 3 lettres indiquant le jour, 3 lettres indiquant le mois, suivies du jour et de la date au format numérique. Cette méthode est très pratique par rapport à la méthode ci-dessus, où nous devons utiliser une fonction distincte pour obtenir la date, le mois et l’année. Mais si nous voulons la date au format numérique, alors cette méthode n’est pas d’une grande aide.

let date = new Date().toDateString();
console.log(date);

Production:

"Mon Jun 14 2021"

Utilisez la méthode Date.toISOString() pour obtenir la date actuelle en JavaScript

Cette méthode est utilisée pour renvoyer la date et l’heure au format ISO 8601. Il renvoie généralement la sortie au format de 24 caractères tel que YYYY-MM-DDTHH:mm:ss.sssZ. On peut remarquer que la date et l’heure sont séparées l’une de l’autre par la lettre T. Ainsi, si nous divisons la chaîne de date/heure ISO par T, nous obtenons deux chaînes, l’une contenant la date et l’autre contenant l’heure. De cette façon, nous pouvons obtenir la date actuelle à partir de la chaîne ISO. La seule chose atypique est que la sortie est séparée par - au lieu de /. Donc, il faut utiliser une méthode différente selon les besoins.

let date = new Date();
console.log(date.toISOString().split('T')[0]);

Production:

"2021-06-14"

Utilisez la méthode intégrée toLocaleDateString() pour obtenir la date actuelle en JavaScript

Cette fonction est destinée à obtenir la partie date sensible à la langue de l’objet Date. L’argument locale spécifie la balise de langue et le pays, et les options permettent de le personnaliser davantage. Mais on peut aussi l’utiliser pour récupérer simplement la date du jour à partir de l’objet Date.

let date = new Date();
console.log(date.toLocaleDateString());

Production:

"6/25/2021"
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 DateTime