Maison >interface Web >js tutoriel >Aide-mémoire sur les objets de date JavaScript

Aide-mémoire sur les objets de date JavaScript

DDD
DDDoriginal
2024-12-01 19:03:12294parcourir

JavaScript Date Object Cheatsheet

L'Objet Date en JavaScript est utilisé pour travailler avec les dates et les heures. Il fournit des méthodes pour créer, manipuler et formater les valeurs de date et d'heure.


Création de dates

Vous pouvez créer un objet Date de plusieurs manières :

  1. Date et heure actuelles :
   const now = new Date();
   console.log(now); // Current date and time
  1. Date précise :
   const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day
   console.log(specificDate); // Thu Nov 21 2024
  1. À partir d'une chaîne :
   const fromString = new Date("2024-11-21T10:00:00");
   console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT
  1. À partir des horodatages (millisecondes depuis l'époque Unix) :
   const fromTimestamp = new Date(1732231200000);
   console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT

Méthodes courantes

Obtenir la date et l'heure

Method Description Example
getFullYear() Returns the year date.getFullYear() -> 2024
getMonth() Returns the month (0-11) date.getMonth() -> 10 (November)
getDate() Returns the day of the month (1-31) date.getDate() -> 21
getDay() Returns the weekday (0-6, Sun=0) date.getDay() -> 4 (Thursday)
getHours() Returns the hour (0-23) date.getHours() -> 10
getMinutes() Returns the minutes (0-59) date.getMinutes() -> 0
getSeconds() Returns the seconds (0-59) date.getSeconds() -> 0
getTime() Returns timestamp in milliseconds date.getTime() -> 1732231200000
Méthode
Description

Exemple
ête> getFullYear() Renvoie l'année date.getFullYear() -> 2024 getMois() Renvoie le mois (0-11) date.getMonth() -> 10 (novembre) getDate() Renvoie le jour du mois (1-31) date.getDate() -> 21 getDay() Renvoie le jour de la semaine (0-6, Sun=0) date.getDay() -> 4 (jeudi) getHours() Renvoie l'heure (0-23) date.getHours() -> 10 getMinutes() Renvoie les minutes (0-59) date.getMinutes() -> 0 getSeconds() Renvoie les secondes (0-59) date.getSeconds() -> 0 getTime() Renvoie l'horodatage en millisecondes date.getTime() -> 1732231200000
Method Description Example
setFullYear(year) Sets the year date.setFullYear(2025)
setMonth(month) Sets the month (0-11) date.setMonth(0) -> January
setDate(day) Sets the day of the month date.setDate(1) -> First day of the month
setHours(hour) Sets the hour (0-23) date.setHours(12)
setMinutes(minutes) Sets the minutes (0-59) date.setMinutes(30)
setSeconds(seconds) Sets the seconds (0-59) date.setSeconds(45)
Réglage de la date et de l'heure Méthode Description Exemple ête> setFullYear(année) Définit l'année date.setFullYear(2025) setMonth(mois) Définit le mois (0-11) date.setMonth(0) -> janvier setDate(jour) Définit le jour du mois date.setDate(1) -> Premier jour du mois setHours(heure) Règle l'heure (0-23) date.setHours(12) setMinutes(minutes) Règle les minutes (0-59) date.setMinutes(30) setSeconds(secondes) Règle les secondes (0-59) date.setSeconds(45)

Formatage des dates

Method Description Example
toDateString() Returns date as a human-readable string date.toDateString() -> "Thu Nov 21 2024"
toISOString() Returns date in ISO format date.toISOString() -> "2024-11-21T10:00:00.000Z"
toLocaleDateString() Returns date in localized format date.toLocaleDateString() -> "11/21/2024"
toLocaleTimeString() Returns time in localized format date.toLocaleTimeString() -> "10:00:00 AM"
Méthode
Description

Exemple
ête> versDateString() Renvoie la date sous forme de chaîne lisible par l'homme date.toDateString() -> "Jeudi 21 novembre 2024" versISOString() Date de retour au format ISO date.toISOString() -> "2024-11-21T10:00:00.000Z" versLocaleDateString() Date de retour au format localisé date.toLocaleDateString() -> "21/11/2024" toLocaleTimeString() Renvoie l'heure au format localisé date.toLocaleTimeString() -> "10:00:00"
  1. Cas d'utilisation courants
   const now = new Date();
   console.log(now); // Current date and time
    Calculer les jours entre deux dates
  1.  :
   const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day
   console.log(specificDate); // Thu Nov 21 2024
    Compte à rebours
  1.  :
   const fromString = new Date("2024-11-21T10:00:00");
   console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT
    Formater la date actuelle
  1.  :
   const fromTimestamp = new Date(1732231200000);
   console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT
    Trouver le jour de la semaine
  1.  :
   const startDate = new Date("2024-11-01");
   const endDate = new Date("2024-11-21");
   const diffInTime = endDate - startDate; // Difference in milliseconds
   const diffInDays = diffInTime / (1000 * 60 * 60 * 24); // Convert to days
   console.log(diffInDays); // 20
    Vérifier l'année bissextile
  1.  :
   const targetDate = new Date("2024-12-31T23:59:59");
   setInterval(() => {
       const now = new Date();
       const timeLeft = targetDate - now; // Milliseconds left
       const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
       const hours = Math.floor((timeLeft / (1000 * 60 * 60)) % 24);
       const minutes = Math.floor((timeLeft / (1000 * 60)) % 60);
       const seconds = Math.floor((timeLeft / 1000) % 60);
       console.log(`${days}d ${hours}h ${minutes}m ${seconds}s`);
   }, 1000);

Ajouter/Soustraire des jours

 :

  1. Conseils de pro
   const now = new Date();
   const formatted = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
   console.log(formatted); // "2024-11-21"
Utilisez
    Date.now()
  1. pour obtenir directement l'horodatage actuel sans créer d'objet Date :

    Soyez attentif aux fuseaux horaires

    lorsque vous travaillez avec des dates dans plusieurs régions. Utilisez des bibliothèques comme
  2. Moment.js
  3. ou

    Day.js pour une gestion avancée.

Pour éviter les erreurs de mois en un, rappelez-vous que les mois sont
indexés à 0
(0 = janvier, 11 = décembre).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn