Metody data JavaScript

Obsah

Konstruktor `new Date()`

V JavaScriptu se objekty data vytvářejí pomocí new Date().

new Date() vrátí objekt data s aktuálním datem a časem.

Získejte aktuální čas

const date = new Date();

Zkuste to sami →

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

Metody získávání data

getFullYear(): Získejte rok jako čtyřmístné číslo (yyyy)
getMonth(): Získejte měsíc jako číslo (0-11)
getDate(): Získejte den jako číslo (1-31)
getDay(): Získejte den v týdnu jako číslo (0-6)
getHours(): Získejte hodinu (0-23)
getMinutes(): Získejte minutu (0-59)
getSeconds(): Získejte druhou (0-59)
getMilliseconds(): Získejte milisekundu (0-999)
getTime(): Získejte čas (milisekundy od 1. ledna 1970)

Poznámka 1

Výše uvedené metody get vracejí místní čas.

Univerzální čas (UTC) je zdokumentován v dolní části této stránky.

Poznámka 2

Metody get vracejí informace z existujících datových objektů.

V objektu data je čas statický. „Hodiny“ neběží.

Čas v objektu data NENÍ stejný jako aktuální čas.

Metoda `getFullYear()`

Metoda getFullYear() vrací rok data jako čtyřmístné číslo:

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Varování !

Starý kód JavaScript může používat nestandardní metodu getYear().

getYear() má vracet 2místný rok.

getYear() je zastaralá. Nepoužívejte to!

Metoda `getMonth()`

Metoda getMonth() vrací měsíc data jako číslo (0-11).

Poznámka

V JavaScriptu je leden měsíc číslo 0, únor je číslo 1, ...

Konečně, prosinec je měsíc číslo 11.

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Poznámka

Chcete-li vrátit měsíc jako název, můžete použít pole názvů:

Příklady

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()];

Zkuste to sami →

<!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()];

Zkuste to sami →

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

Metoda `getDate()`

Metoda getDate() vrací den data jako číslo (1-31):

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Metoda `getHours()`

Metoda getHours() vrací hodiny data jako číslo (0-23):

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Metoda `getMinutes()`

Metoda getMinutes() vrací minuty data jako číslo (0-59):

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Metoda `getSeconds()`

Metoda getSeconds() vrací sekundy data jako číslo (0-59):

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Metoda `getMilliseconds()`

Metoda getMilliseconds() vrací milisekundy data jako číslo (0-999):

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Metoda `getDay()`

Metoda getDay() vrací den v týdnu daného data jako číslo (0-6).

Poznámka

V JavaScriptu je prvním dnem týdne (den 0) neděle.

Některé země světa považují za první den v týdnu pondělí.

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

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

Poznámka

Můžete použít pole názvů a getDay() vrátit den v týdnu jako název:

Příklady

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

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

Zkuste to sami →

<!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()];

Zkuste to sami →

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

Metoda `getTime()`

Metoda getTime() vrací počet milisekund od 1. ledna 1970:

Příklady

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

Zkuste to sami →

<!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();

Zkuste to sami →

<!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();

Zkuste to sami →

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

Metoda `Date.now()`

Date.now() vrací počet milisekund od 1. ledna 1970.

Příklady

let ms = Date.now();

Zkuste to sami →

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

Vypočítejte počet let od 1. 1. 1970:

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

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

Zkuste to sami →

<!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() je statická metoda objektu Date.

Nemůžete jej použít u objektu data, jako je myDate.now().

Syntaxe je vždy Date.now().

Metody získání data UTC

getUTCDate() / getDate(): Vrátí datum UTC
getUTCFullYear() / getFullYear(): Vrátí rok UTC
getUTCMonth() / getMonth(): Vrátí měsíc UTC
getUTCDay() / getDay(): Vrátí den UTC
getUTCHours() / getHours(): Vrátí hodinu UTC
getUTCMinutes() / getMinutes(): Vrátí minuty UTC
getUTCSeconds() / getSeconds(): Vrátí UTC sekundy
getUTCMilliseconds() / getMilliseconds(): Vrátí milisekundy UTC

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.

Metoda `getTimezoneOffset()`

Metoda getTimezoneOffset() vrací rozdíl (v minutách) mezi místním časem a časem UTC:

Příklad

let diff = d.getTimezoneOffset();

Zkuste to sami →

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

Kompletní odkaz na datum JavaScriptu

Úplný odkaz na datum naleznete na naší stránce:

Kompletní odkaz na datum JavaScriptu.

Odkaz obsahuje popisy a příklady všech vlastností Date a metody.

Metody data JavaScript

Obsah

Konstruktor new Date()

Získejte aktuální čas

Metody získávání data

Poznámka 1

Poznámka 2

Metoda getFullYear()

Příklady

Varování !

Metoda getMonth()

Poznámka

Příklady

Poznámka

Příklady

Metoda getDate()

Příklady

Metoda getHours()

Příklady

Metoda getMinutes()

Příklady

Metoda getSeconds()

Příklady

Metoda getMilliseconds()

Příklady

Metoda getDay()

Poznámka

Příklady

Poznámka

Příklady

Metoda getTime()

Příklady

Metoda Date.now()

Příklady

Metody získání data UTC

Metoda getTimezoneOffset()

Příklad

Kompletní odkaz na datum JavaScriptu

Konstruktor `new Date()`

Metoda `getFullYear()`

Metoda `getMonth()`

Metoda `getDate()`

Metoda `getHours()`

Metoda `getMinutes()`

Metoda `getSeconds()`

Metoda `getMilliseconds()`

Metoda `getDay()`

Metoda `getTime()`

Metoda `Date.now()`

Metoda `getTimezoneOffset()`