JavaScript-Datumsobjekt-Spickzettel

Das Date-Objekt in JavaScript wird zum Arbeiten mit Datums- und Uhrzeitangaben verwendet. Es bietet Methoden zum Erstellen, Bearbeiten und Formatieren von Datums- und Uhrzeitwerten.

---

Termine erstellen

Sie können ein Datumsobjekt auf verschiedene Arten erstellen:

1. Aktuelles Datum und aktuelle Uhrzeit:

   const now = new Date();
   console.log(now); // Current date and time

1. Spezifisches Datum:

   const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day
   console.log(specificDate); // Thu Nov 21 2024

1. Aus einer Zeichenfolge:

   const fromString = new Date("2024-11-21T10:00:00");
   console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT

1. Aus Zeitstempeln (Millisekunden seit der Unix-Epoche):

   const fromTimestamp = new Date(1732231200000);
   console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT

---

Gemeinsame Methoden

Datum und Uhrzeit abrufen

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

Methode

---

Beschreibung

Beispiel getFullYear() Gibt das Jahr zurück date.getFullYear() -> 2024 getMonth() Gibt den Monat zurück (0-11) date.getMonth() -> 10. (November) getDate() Gibt den Tag des Monats zurück (1-31) date.getDate() -> 21 getDay() Gibt den Wochentag zurück (0-6, So=0) date.getDay() -> 4 (Donnerstag) getHours() Gibt die Stunde zurück (0-23) date.getHours() -> 10 getMinutes() Gibt die Minuten zurück (0-59) date.getMinutes() -> 0 getSeconds() Gibt die Sekunden zurück (0-59) date.getSeconds() -> 0 getTime() Gibt den Zeitstempel in Millisekunden zurück 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)

Datum und Uhrzeit einstellen Methode Beschreibung Beispiel setFullYear(year) Legt das Jahr fest date.setFullYear(2025) setMonth(Monat) Legt den Monat fest (0-11) date.setMonth(0) -> Januar setDate(day) Legt den Tag des Monats fest date.setDate(1) -> Erster Tag des Monats setHours(Stunde) Stellt die Stunde ein (0-23) date.setHours(12) setMinutes(Minuten) Stellt die Minuten ein (0-59) date.setMinutes(30) setSeconds(Sekunden) Stellt die Sekunden ein (0-59) date.setSeconds(45)

---

Datumsangaben formatieren

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"

Methode

---

Beschreibung

Beispiel toDateString() Gibt das Datum als für Menschen lesbare Zeichenfolge zurück date.toDateString() -> „Do, 21. Nov. 2024“ toISOString() Gibt das Datum im ISO-Format zurück date.toISOString() -> „2024-11-21T10:00:00.000Z“ toLocaleDateString() Gibt das Datum im lokalisierten Format zurück date.toLocaleDateString() -> „21.11.2024“ toLocaleTimeString() Gibt die Zeit im lokalisierten Format zurück date.toLocaleTimeString() -> „10:00:00 Uhr“

1. Häufige Anwendungsfälle

   const now = new Date();
   console.log(now); // Current date and time

Tage zwischen zwei Daten berechnen
1. :

   const specificDate = new Date(2024, 10, 21); // Year, Month (0-based), Day
   console.log(specificDate); // Thu Nov 21 2024

Countdown-Timer
1. :

   const fromString = new Date("2024-11-21T10:00:00");
   console.log(fromString); // Thu Nov 21 2024 10:00:00 GMT

Aktuelles Datum formatieren
1. :

   const fromTimestamp = new Date(1732231200000);
   console.log(fromTimestamp); // Thu Nov 21 2024 10:00:00 GMT

Finden Sie den Wochentag
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

Überprüfen Sie das Schaltjahr
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);

---

Tage hinzufügen/subtrahieren

:

1. Profi-Tipps

   const now = new Date();
   const formatted = `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()}`;
   console.log(formatted); // "2024-11-21"

Verwenden Sie

Date.now()
1. , um den aktuellen Zeitstempel direkt abzurufen, ohne ein Date-Objekt zu erstellen:

   Achten Sie auf Zeitzonen

   , wenn Sie mit Datumsangaben in verschiedenen Regionen arbeiten. Verwenden Sie Bibliotheken wie
Moment.js
2. oder

   Day.js für eine erweiterte Handhabung.

Um monatliche Fehler zu vermeiden, denken Sie daran, dass Monate

---

0-indiziert sind

(0 = Januar, 11 = Dezember).

Das obige ist der detaillierte Inhalt vonJavaScript-Datumsobjekt-Spickzettel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!