JavaScript-Datumsmethoden


Inhaltsverzeichnis

    Inhaltsverzeichnis anzeigen


Der new Date()-Konstruktor

In JavaScript werden Datumsobjekte mit new Date() erstellt.

new Date() gibt ein Datumsobjekt mit dem aktuellen Datum und der aktuellen Uhrzeit zurück.

Holen Sie sich die aktuelle Uhrzeit

const date = new Date();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>Create a new date object with the current date and time:</p>

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

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

</body>
</html>

Methoden zum Abrufen des Datums

getFullYear()

Holen Sie sich Jahr als vierstellige Zahl (JJJJ)

getMonth()

Holen Sie sich Monat als Zahl (0-11)

getDate()

Holen Sie sich Tag als Zahl (1-31)

getDay()

Holen Sie sich Wochentag als Zahl (0-6)

getHours()

Holen Sie sich Stunde (0-23)

getMinutes()

Holen Sie sich Minute (0-59)

getSeconds()

Holen Sie sich Sekunde (0-59)

getMilliseconds()

Holen Sie sich Millisekunde (0-999)

getTime()

Erhalten Sie Zeit (Millisekunden seit dem 1. Januar 1970)

Anmerkung 1

Die oben genannten Get-Methoden geben Ortszeit zurück.

Die Weltzeit (UTC) ist unten auf dieser Seite dokumentiert.

Anmerkung 2

Die Get-Methoden geben Informationen von vorhandenen Datumsobjekten zurück.

In einem Datumsobjekt ist die Zeit statisch. Die „Uhr“ „läuft“ nicht.

Die Uhrzeit in einem Datumsobjekt stimmt NICHT mit der aktuellen Uhrzeit überein.


Die Methode getFullYear()

Die Methode getFullYear() gibt das Jahr eines Datums als vierstellige Zahl zurück:

Beispiele

const d = new Date("2021-03-25");
d.getFullYear();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getFullYear() Method</h2>
<p>Return the full year of a date object:</p>

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

<script>
const d = new Date("2021-03-25")
document.getElementById("demo").innerHTML = d.getFullYear();
</script>

</body>
</html>
const d = new Date();
d.getFullYear();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The getFullYear() Method</h2>
<p>Return the full year of a date object:</p>

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

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

</body>
</html>

Warnung !

Alter JavaScript-Code verwendet möglicherweise die nicht standardmäßige Methode getYear().

getYear() soll eine zweistellige Jahreszahl zurückgeben.

getYear() ist veraltet. Benutze es nicht!


Die Methode getMonth()

Die Methode getMonth() gibt den Monat eines Datums als Zahl (0-11) zurück.

Notiz

In JavaScript ist Januar der Monat Nummer 0, Februar ist Nummer 1, ...

Schließlich ist Dezember der 11. Monat.

Beispiele

const d = new Date("2021-03-25");
d.getMonth();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMonth() Method</h2>
<p>Return the month of a date as a number from 0 to 11.</p>
<p>To get the correct month number, you must add 1:</p>

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

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getMonth() + 1;
</script>

</body>
</html>
const d = new Date();
d.getMonth();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMonth() Method</h2>
<p>Return the month of a date as a number from 0 to 11.</p>
<p>To get the correct month number, you must add 1:</p>

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

<script>
const d = new Date();
document.getElementById("demo").innerHTML = d.getMonth() + 1;
</script>

</body>
</html>

Notiz

Sie können ein Array von Namen verwenden, um den Monat als Namen zurückzugeben:

Beispiele

const months = ["January", "February", "March", "April", "May",
"June", "July", "August", "September", "October",
"November", "December"];

const d = new Date("2021-03-25");
let month = months[d.getMonth()];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>JavaScript getMonth()</h2>
<p>Return the month as a number.</p>
<p>You can use an array of names to return the month as a name:</p>

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

<script>
const months = ["January","February","March","April","May","June","July","August","September","October","November","December"];

const d = new Date("2021-03-25");
let month = months[d.getMonth()];
document.getElementById("demo").innerHTML = month;
</script>

</body>
</html>
const months = ["January", "February", "March", "April", "May",
"June", "July", "August", "September", "October",
"November", "December"];

const d = new Date();
let month = months[d.getMonth()];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>JavaScript getMonth()</h2>
<p>Return the month as a number.</p>
<p>You can use an array of names to return the month as a name:</p>

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

<script>
const months = ["January","February","March","April","May","June","July","August","September","October","November","December"];

const d = new Date();
let month = months[d.getMonth()];
document.getElementById("demo").innerHTML = month;
</script>

</body>
</html>

Die Methode getDate()

Die Methode getDate() gibt den Tag eines Datums als Zahl (1-31) zurück:

Beispiele

const d = new Date("2021-03-25");
d.getDate();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDate() Method</h2>
<p>Return the day of a date as a number (1-31):</p>

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

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getDate();
</script>

</body>
</html>
const d = new Date();
d.getDate();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDate() Method</h2>
<p>Return the day of a date as a number (1-31):</p>

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

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

</body>
</html>


Die Methode getHours()

Die Methode getHours() gibt die Stunden eines Datums als Zahl (0-23) zurück:

Beispiele

const d = new Date("2021-03-25");
d.getHours();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getHours() Method</h2>
<p>Return the hours of a date as a number (0-23):</p>

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

<script>
const d = new Date("2021-03-25");document.getElementById("demo").innerHTML = d.getHours();
</script>

</body>
</html>
const d = new Date();
d.getHours();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getHours() Method</h2>
<p>Return the hours of a date as a number (0-23):</p>

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

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

</body>
</html>

Die getMinutes()-Methode

Die Methode getMinutes() gibt die Minuten eines Datums als Zahl (0-59) zurück:

Beispiele

const d = new Date("2021-03-25");
d.getMinutes();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMinutes() Method</h2>
<p>Returns the minutes of a date as a number (0-59):</p>

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

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getMinutes();
</script>

</body>
</html>
const d = new Date();
d.getMinutes();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMinutes() Method</h2>
<p>Returns the minutes of a date as a number (0-59):</p>

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

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

</body>
</html>

Die Methode getSeconds()

Die Methode getSeconds() gibt die Sekunden eines Datums als Zahl (0-59) zurück:

Beispiele

const d = new Date("2021-03-25");
d.getSeconds();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getSeconds() Method</h2>
<p>Return the seconds of a date as a number (0-59):</p>

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

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getSeconds();
</script>

</body>
</html>
const d = new Date();
d.getSeconds();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getSeconds() Method</h2>
<p>Return the seconds of a date as a number (0-59):</p>

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

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

</body>
</html>

Die Methode getMilliseconds()

Die Methode getMilliseconds() gibt die Millisekunden eines Datums als Zahl (0-999) zurück:

Beispiele

const d = new Date("2021-03-25");
d.getMilliseconds();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMilliseconds() Method</h2>
<p>Return the milliseconds of a date as a number (0-999):</p>

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

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getMilliseconds();
</script>

</body>
</html>
const d = new Date();
d.getMilliseconds();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getMilliseconds() Method</h2>
<p>Return the milliseconds of a date as a number (0-999):</p>

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

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

</body>
</html>

Die getDay()-Methode

Die Methode getDay() gibt den Wochentag eines Datums als Zahl (0-6) zurück.

Notiz

In JavaScript ist der erste Tag der Woche (Tag 0) der Sonntag.

In einigen Ländern der Welt gilt der erste Tag der Woche als Montag.

Beispiele

const d = new Date("2021-03-25");
d.getDay();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number:</p>

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

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getDay();
</script>

</body>
</html>
const d = new Date();
d.getDay();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number:</p>

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

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

</body>
</html>

Notiz

Sie können ein Array von Namen verwenden und getDay() verwenden, um den Wochentag als Namen zurückzugeben:

Beispiele

const days = ["Sunday", "Monday", "Tuesday", "Wednesday",
"Thursday", "Friday", "Saturday"];

const d = new Date("2021-03-25");
let day = days[d.getDay()];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number.</p>
<p>You can use an array of names to return the weekday as a name:</p>

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

<script>
const days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

const d = new Date("2021-03-25");
let day = days[d.getDay()];
document.getElementById("demo").innerHTML = day;
</script>

</body>
</html>
const days = ["Sunday", "Monday", "Tuesday", "Wednesday",
"Thursday", "Friday", "Saturday"];

const d = new Date();
let day = days[d.getDay()];

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getDay() Method</h2>
<p>Return the weekday as a number.</p>
<p>You can use an array of names to return the weekday as a name:</p>

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

<script>
const days = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];

const d = new Date();
let day = days[d.getDay()];
document.getElementById("demo").innerHTML = day;
</script>

</body>
</html>

Die getTime()-Methode

Die Methode getTime() gibt die Anzahl der Millisekunden seit dem 1. Januar 1970 zurück:

Beispiele

const d = new Date("1970-01-01");
d.getTime();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getTime() Method</h2>
<p></p>
<p>Return the number of milliseconds since midnight January 1, 1970:</p>

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

<script>
const d = new Date("1970-01-01");
document.getElementById("demo").innerHTML = d.getTime();
</script>

</body>
</html>
const d = new Date("2021-03-25");
d.getTime();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getTime() Method</h2>
<p></p>
<p>Return the number of milliseconds since midnight January 1, 1970:</p>

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

<script>
const d = new Date("2021-03-25");
document.getElementById("demo").innerHTML = d.getTime();
</script>

</body>
</html>
const d = new Date();
d.getTime();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Dates</h1>
<h2>The getTime() Method</h2>
<p></p>
<p>Return the number of milliseconds since midnight January 1, 1970:</p>

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

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

</body>
</html>

Die Methode Date.now()

Date.now() gibt die Anzahl der Millisekunden seit dem 1. Januar 1970 zurück.

Beispiele

let ms = Date.now();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The Date.now() Method</h2>
<p>Return the current date/time in milliseconds since January 1, 1970:</p>

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

<script>
const date = Date.now();
document.getElementById("demo").innerHTML = date;
</script>

</body>
</html>

Berechnen Sie die Anzahl der Jahre seit dem 01.01.1970:

const minute = 1000 * 60;
const hour = minute * 60;
const day = hour * 24;
const year = day * 365;

let years = Math.round(Date.now() / year);

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using Date.now()</h2>
<p>Calculate the number of years since January 1, 1970:</p>

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

<script>
// Calculate milliseconds in a year
const minute = 1000 * 60;
const hour = minute * 60;
const day = hour * 24;
const year = day * 365;

// Divide Date.now() with a year
let years = Math.round(Date.now() / year);
document.getElementById("demo").innerHTML = years;
</script>

</body>
</html>

Date.now() ist eine statische Methode des Date-Objekts.

Sie können es nicht für ein Datumsobjekt wie myDate.now() verwenden.

Die Syntax lautet immer Date.now().


Methoden zum Abrufen des UTC-Datums

getUTCDate() / getDate()

Gibt das UTC-Datum zurück

getUTCFullYear() / getFullYear()

Gibt das UTC-Jahr zurück

getUTCMonth() / getMonth()

Gibt den UTC-Monat zurück

getUTCDay() / getDay()

Gibt den UTC-Tag zurück

getUTCHours() / getHours()

Gibt die UTC-Stunde zurück

getUTCMinutes() / getMinutes()

Gibt die UTC-Minuten zurück

getUTCSeconds() / getSeconds()

Gibt die UTC-Sekunden zurück

getUTCMilliseconds() / getMilliseconds()

Gibt die UTC-Millisekunden zurück

UTC methods use UTC time (Coordinated Universal Time).

UTC time is the same as GMT (Greenwich Mean Time).

The difference between Local time and UTC time can be up to 24 hours.






Die Methode getTimezoneOffset()

Die Methode getTimezoneOffset() gibt die Differenz (in Minuten) zurück. zwischen Ortszeit und UTC-Zeit:

Beispiel

let diff = d.getTimezoneOffset();

Probieren Sie es selbst aus →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The getTimezoneOffset() Method</h2>

<p>The time zone difference in minutes is:</p>
<p id="demo"></p>

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

</body>
</html>

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.