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

Aide-mémoire sur les objets de date JavaScript

DDD
Libérer: 2024-12-01 19:03:12
original
296 Les gens l'ont consulté

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
Copier après la connexion
Copier après la connexion
  1. Date précise :
   const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day
   console.log(specificDate); // Thu Nov 21 2024
Copier après la connexion
Copier après la connexion
  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
Copier après la connexion
Copier après la connexion
  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
Copier après la connexion
Copier après la connexion

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
Copier après la connexion
Copier après la connexion
    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
Copier après la connexion
Copier après la connexion
    Compte à rebours
  1.  :
   const fromString = new Date("2024-11-21T10:00:00");
   console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT
Copier après la connexion
Copier après la connexion
    Formater la date actuelle
  1.  :
   const fromTimestamp = new Date(1732231200000);
   console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT
Copier après la connexion
Copier après la connexion
    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
Copier après la connexion
    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);
Copier après la connexion

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"
Copier après la connexion
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!

source:dev.to
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal