JavaScript dátumobjektumok

Tartalomjegyzék

    Tartalomjegyzék megjelenítése

A JavaScript Dátumobjektumok segítségével a dátumokkal dolgozhatunk:

Év:

Példa az aktuális év Javascriptben való lekérésére:

<!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>

Hónap:

Példa az aktuális hónap Javascriptben való lekérésére:

<!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>

Nap:

Példa az aktuális nap lekérésére Javascriptben:

<!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>

Órák:

Példa az aktuális óra lekérésére Javascriptben:

<!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>

Percek:

Példa az aktuális perc lekérésére Javascriptben:

<!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>

Másodpercek:

Példa az aktuális másodperc lekérésére Javascriptben:

<!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>

Példák

const d = new Date();

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>new Date() without arguments, creates a 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>

const d = new Date("2022-03-25");

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

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

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

</body>
</html>

jegyzet

A dátum objektumok statikusak. Az "óra" nem "fut".

A számítógép órája ketyeg, a dátumobjektumok nem.

JavaScript dátumkimenet

Alapértelmezés szerint a JavaScript a böngésző időzónáját használja, és a dátumot teljes szöveges karakterláncként jeleníti meg:

Az oktatóanyag későbbi részében többet megtudhat a dátumok megjelenítéséről.

Dátumobjektumok létrehozása

A dátum objektumok létrehozása a új Date() konstruktor.

Új dátumobjektum létrehozásának 9 módja van:

new Date()
new Date(date string)

new Date(year,month)
new Date(year,month,day)
new Date(year,month,day,hours)
new Date(year,month,day,hours,minutes)
new Date(year,month,day,hours,minutes,seconds)
new Date(year,month,day,hours,minutes,seconds,ms)

new Date(milliseconds)

JavaScript new Date()

A new Date() dátumobjektumot hoz létre az aktuális dátummal és időponttal:

Példa

const d = new Date();

Próbálja ki Ön is →

<!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>

new Date(date string)

A new Date(date string) dátumobjektumot hoz létre egy dátum karakterláncból:

Példák

const d = new Date("October 13, 2014 11:13:00");

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>A date object can be created with a specified date and time:</p>
<p id="demo"></p>

<script>
const d = new Date("October 13, 2014 11:13:00");
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

const d = new Date("2022-03-25");

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

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

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

</body>
</html>

A dátum karakterlánc-formátumait a következő fejezet ismerteti.

új dátum(év, hónap, ...)

Az új dátum(év, hónap, ...) létrehoz egy dátumobjektumot megadott dátummal és időponttal.

7 szám határozza meg az évet, hónapot, napot, órát, percet, másodpercet és ezredmásodpercet (ebben a sorrendben):

Példa

const d = new Date(2018, 11, 24, 10, 33, 30, 0);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>Using new Date(7 numbers), creates a new date object with the specified date and time:</p>

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

<script>
const d = new Date(2018, 11, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

jegyzet

A JavaScript a hónapokat 0 és 11 között számolja:

január=0.

december=11..

Ha 11-nél nagyobb hónapot ad meg, az nem eredményez hibát, de a túlcsordulást hozzáadja a következő évhez:

Meghatározva:

const d = new Date(2018, 15, 24, 10, 33, 30);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript new Date()</h1>

<p>JavaScript counts months from 0 to 11.</p>
<p>Specifying a month higher than 11, will not result in an error but add the overflow to the next year:</p>

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

<script>
const d = new Date(2018, 15, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

Ugyanaz mint:

const d = new Date(2019, 3, 24, 10, 33, 30);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript new Date()</h1>

<p>JavaScript counts months from 0 to 11.</p>

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

<script>
const d = new Date(2019, 3, 24, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

A maximálisnál magasabb nap megadása nem eredményez hibát, hanem hozzáadja a túlcsordulást a következő hónaphoz:

Meghatározva:

const d = new Date(2018, 5, 35, 10, 33, 30);

Ugyanaz mint:

const d = new Date(2018, 6, 5, 10, 33, 30);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>

<p>JavaScript counts months from 0 to 11.</p>
<p>Specifying a day higher than max, will not result in an error but add the overflow to the next month:</p>

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

<script>
const d = new Date(2018, 05, 35, 10, 33, 30, 0);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

6, 4, 3 vagy 2 szám használatával

6 szám határozza meg az évet, hónapot, napot, órát, percet, másodpercet:

Példa

const d = new Date(2018, 11, 24, 10, 33, 30);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>6 numbers specify year, month, day, hour, minute and second:</p>

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

<script>
const d = new Date(2018, 11, 24, 10, 33, 30);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

5 szám határozza meg az évet, hónapot, napot, órát és percet:

Példa

const d = new Date(2018, 11, 24, 10, 33);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>5 numbers specify year, month, day, hour, and minute:</p>

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

<script>
const d = new Date(2018, 11, 24, 10, 33);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

4 szám határozza meg az évet, hónapot, napot és órát:

Példa

const d = new Date(2018, 11, 24, 10);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>4 numbers specify year, month, day, and hour:</p>

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

<script>
const d = new Date(2018, 11, 24, 10);
document.getElementById("demo").innerHTML = d;
</script>

</body>
</html>

3 szám jelzi az évet, a hónapot és a napot:

Példa

const d = new Date(2018, 11, 24);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>3 numbers specify year, month, and day:</p>

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

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

</body>
</html>

2 szám jelzi az évet és a hónapot:

Példa

const d = new Date(2018, 11);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>2 numbers specify year and  month:</p>

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

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

</body>
</html>

A hónapot nem lehet kihagyni. Ha csak egy paramétert ad meg, azt ezredmásodpercként kezeli a rendszer.

Példa

const d = new Date(2018);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>One parameter will be interpreted as new Date(milliseconds).</p>

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

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

</body>
</html>

Előző Század

Az egy- és kétjegyű éveket 19xx-ként kell értelmezni:

Példa

const d = new Date(99, 11, 24);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>Two digit years will be interpreted as 19xx:</p>

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

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

</body>
</html>

Példa

const d = new Date(9, 11, 24);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript new Date()</h2>
<p>One digit years will be interpreted as 19xx:</p>

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

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

</body>
</html>

A JavaScript ezredmásodpercként tárolja a dátumokat

A JavaScript 1970. január 1. óta ezredmásodpercben tárolja a dátumokat.

A nulla időpont 1970. január 1. 00:00:00 UTC.

Egy nap (24 óra) 86 400 000 ezredmásodperc.

Most itt az idő:

ezredmásodperccel 1970. január 1. után

new Date(ezredmásodperc)

Az new Date(ezredmásodperc) egy új dátumobjektumot hoz létre ezredmásodpercben plusz nulla időpontban:

Példák

1970. január 1. plusz 100 000 000 000 ezredmásodperc:

const d = new Date(100000000000);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>100000000000 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

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

</body>
</html>

1970. január 1. mínusz 100 000 000 000 ezredmásodperc:

const d = new Date(-100000000000);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>-100000000000 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

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

</body>
</html>

1970. január 1. plusz 24 óra:

const d = new Date(24 * 60 * 60 * 1000);
// or
const d = new Date(86400000);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>86400000 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

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

<p>One day (24 hours) is 86,400,000 milliseconds.</p>

</body>
</html>

1970. január 1. plusz 0 ezredmásodperc:

const d = new Date(0);

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>

<p>0 milliseconds from January 01 1970 UTC is:</p>
<p id="demo"></p>

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

</body>
</html>

Dátum módszerek

Dátumobjektum létrehozásakor számos módszer teszi lehetővé a műveletet azt.

A dátum módszerek lehetővé teszik az év, hónap, nap, óra, perc, másodperc és ezredmásodperc dátumobjektumok, helyi idő vagy UTC használatával (univerzális vagy GMT) idő.

A dátummódszereket és az időzónákat a következő fejezetek tárgyalják.

Dátumok megjelenítése

A JavaScript (alapértelmezés szerint) a toString() metódussal adja ki a dátumokat. Ez a dátum karakterlánc-ábrázolása, beleértve az időzónát is. A formátumot az ECMAScript specifikáció határozza meg:

Példa

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>Using new Date()</h2>
<p>new Date() without arguments, creates a 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>

Amikor egy dátumobjektumot HTML-ben jelenít meg, az automatikusan a karakterláncot a toString() metódussal.

Példa

const d = new Date();
d.toString();

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

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

<p>Convert a date to a string:</p>
<p id="demo"></p>

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

</body>
</html>

A toDateString() metódus a dátumot olvashatóbbá alakítja formátum:

Példa

const d = new Date();
d.toDateString();

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The toDateString() Method</h2>
<p>Convert a date to a date string:</p>

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

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

</body>
</html>

A toUTCString() metódus a dátumot karakterláncsá alakítja az UTC szabvány használatával:

Példa

const d = new Date();
d.toUTCString();

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Dates</h1>
<h2>The toUTCString() Method</h2>
<p>Convert a date to a string using the UTC standard:</p>

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

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

</body>
</html>

A toISOString() metódus a dátumot karakterláncsá alakítja az ISO szabvány segítségével:

Példa

const d = new Date();
d.toISOString();

Próbálja ki Ön is →

<!DOCTYPE html>
<html>
<body>

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

<p>Convert a date to a string using the ISO standard:</p>
<p id="demo"></p>

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

</body>
</html>

Teljes JavaScript dátumhivatkozás

A teljes dátum hivatkozásért látogasson el a mi oldalunkra:

Teljes JavaScript dátumhivatkozás.

A hivatkozás leírásokat és példákat tartalmaz az összes Date tulajdonságra és mód.