Metody nastavení data JavaScriptu

Obsah

Metody Set Date umožňují nastavit hodnoty data (roky, měsíce, dny, hodiny, minuty, sekundy, milisekundy) pro objekt Date.

Nastavit metody data

Metody nastavení data se používají k nastavení části data:

setDate(): Nastavte den jako číslo (1-31)
setFullYear(): Nastavte rok (volitelně měsíc a den)
setHours(): Nastavte hodinu (0-23)
setMilliseconds(): Nastavit milisekundy (0-999)
setMinutes(): Nastavte minuty (0-59)
setMonth(): Nastavte měsíc (0-11)
setSeconds(): Nastavte sekundy (0-59)
setTime(): Nastavte čas (v milisekundách od 1. ledna 1970)

Metoda setFullYear().

Metoda setFullYear() nastavuje rok objektu data. V tomto příkladu do roku 2020:

Příklad

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

Zkuste to sami →

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

Metoda setFullYear() může volitelně nastavit měsíc a den:

Příklad

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

Zkuste to sami →

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

Metoda setMonth().

Metoda setMonth() nastavuje měsíc objektu data (0-11):

Příklad

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

Zkuste to sami →

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

Metoda setDate().

Metoda setDate() nastavuje den objektu data (1-31):

Příklad

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

Zkuste to sami →

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

Metodu setDate() lze také použít k přidání dnů k datu:

Příklad

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

Zkuste to sami →

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

Pokud přidání dnů posune měsíc nebo rok, provede změny automaticky objekt Date.

Metoda setHours().

Metoda setHours() nastavuje hodiny objektu data (0-23):

Příklad

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

Zkuste to sami →

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

Metoda setMinutes().

Metoda setMinutes() nastavuje minuty objektu data (0-59):

Příklad

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

Zkuste to sami →

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

Metoda setSeconds().

Metoda setSeconds() nastavuje sekundy objektu data (0-59):

Příklad

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

Zkuste to sami →

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

Porovnat data

Termíny lze snadno porovnávat.

Následující příklad porovnává dnešní datum s 14. lednem 2100:

Příklad

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.";
}

Zkuste to sami →

<!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 počítá měsíce od 0 do 11. Leden je 0. Prosinec je 11.

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.