JavaScript-Methoden zum Festlegen von Datumsangaben


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Mit den Methoden „Datum festlegen“ können Sie Datumswerte festlegen (Jahre, Monate, Tage, Stunden, Minuten, Sekunden, Millisekunden) für ein Datumsobjekt.


Datumsmethoden festlegen

Methoden zum Festlegen des Datums werden zum Festlegen eines Teils eines Datums verwendet:

setDate()

Stellen Sie den Tag als Zahl ein (1-31)

setFullYear()

Stellen Sie das Jahr ein (optional Monat und Tag)

setHours()

Stellen Sie die Stunde ein (0-23)

setMilliseconds()

Stellen Sie die Millisekunden ein (0-999)

setMinutes()

Stellen Sie die Minuten ein (0-59)

setMonth()

Stellen Sie den Monat ein (0-11)

setSeconds()

Stellen Sie die Sekunden ein (0-59)

setTime()

Stellen Sie die Uhrzeit ein (Millisekunden seit dem 1. Januar 1970)


Die setFullYear()-Methode

Die Methode setFullYear() legt das Jahr eines Datumsobjekts fest. In diesem Beispiel bis 2020:

Beispiel

const d = new Date();
d.setFullYear(2020);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setFullYear()</h2>
<p>The setFullYear() method sets the year of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setFullYear(2020);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Die Methode setFullYear() kann optional Monat und Tag festlegen:

Beispiel

const d = new Date();
d.setFullYear(2020, 11, 3);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setFullYear()</h2>
<p>The setFullYear() method can optionally set month and day.</p>
<p>Please note that month counts from 0. December is month 11:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setFullYear(2020, 11, 3);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>


Die setMonth()-Methode

Die Methode setMonth() legt den Monat eines Datumsobjekts fest (0-11):

Beispiel

const d = new Date();
d.setMonth(11);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setMonth()</h2>
<p>The setMonth() method sets the mont of a date object.</p>
<p>Note that months count from 0. December is month 11:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setMonth(11);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Die setDate()-Methode

Die Methode setDate() legt den Tag eines Datumsobjekts fest (1-31):

Beispiel

const d = new Date();
d.setDate(15);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setDate()</h2>
<p>The setDate() method sets the day of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setDate(15);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Die Methode setDate() kann auch verwendet werden, um einem Datum Tage hinzuzufügen:

Beispiel

const d = new Date();
d.setDate(d.getDate() + 50);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setDate()</h2>
<p>The setDate() method can be used to add days to a date.</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setDate(d.getDate() + 50);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Wenn durch das Hinzufügen von Tagen der Monat oder das Jahr verschoben wird, werden die Änderungen automatisch vom Date-Objekt verarbeitet.


Die setHours()-Methode

Die Methode setHours() legt die Stunden eines Datumsobjekts fest (0-23):

Beispiel

const d = new Date();
d.setHours(22);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setHours()</h2>
<p>The setHours() method sets the hours of a date object:</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setHours(22);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Die setMinutes()-Methode

Die Methode setMinutes() legt die Minuten eines Datumsobjekts fest (0-59):

Beispiel

const d = new Date();
d.setMinutes(30);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setMinutes()</h2>
<p>The setMinutes() method sets the minutes of a date object (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setMinutes(30);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Die setSeconds()-Methode

Die Methode setSeconds() legt die Sekunden eines Datumsobjekts fest (0-59):

Beispiel

const d = new Date();
d.setSeconds(30);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript setSeconds()</h2>
<p>The setSeconds() method sets the seconds of a date object (0-59):</p>

<p id="demo"></p>

<script>
const d = new Date();
d.setSeconds(30);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Daten vergleichen

Daten können leicht verglichen werden.

Das folgende Beispiel vergleicht das heutige Datum mit dem 14. Januar 2100:

Beispiel

let text = "";
const today = new Date();
const someday = new Date();
 someday.setFullYear(2100, 0, 14);
if (someday > today) {
  text = "Today is before January 14, 2100.";
} else {
    text = "Today is after January 14, 2100.";
}

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<p id="demo"></p>

<script>
let text;
const today = new Date();
const someday = new Date();
someday.setFullYear(2100, 0, 14);

if (someday > today) {
  text = "Today is before January 14, 2100.";
} else {
  text = "Today is after January 14, 2100.";
}

document.getElementById("demo").innerHTML = text;
</script>

</body>
</html>

JavaScript zählt die Monate von 0 bis 11. Januar ist 0. Dezember ist 11.

Vollständige JavaScript-Datumsreferenz

Eine vollständige Datumsreferenz finden Sie auf unserer:

Vollständige JavaScript-Datumsreferenz.

Die Referenz enthält Beschreibungen und Beispiele aller Datumseigenschaften und Methoden.