JavaScript-datoindstillingsmetoder

Indholdsfortegnelse

Indstil dato-metoder giver dig mulighed for at indstille datoværdier (år, måneder, dage, timer, minutter, sekunder, millisekunder) for et datoobjekt.

Indstil datometoder

Indstil dato-metoder bruges til at indstille en del af en dato:

setDate(): Indstil dagen som et tal (1-31)
setFullYear(): Indstil året (valgfrit måned og dag)
setHours(): Indstil timen (0-23)
setMilliseconds(): Indstil millisekunder (0-999)
setMinutes(): Indstil minutter (0-59)
setMonth(): Indstil måneden (0-11)
setSeconds(): Indstil sekunderne (0-59)
setTime(): Indstil tiden (millisekunder siden 1. januar 1970)

Metoden setFullYear()

Metoden setFullYear() angiver året for et datoobjekt. I dette eksempel til 2020:

Eksempel

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

Prøv det selv →

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

Metoden setFullYear() kan valgfrit indstille måned og dag:

Eksempel

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

Prøv det selv →

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

Metoden setMonth()

Metoden setMonth() indstiller måneden for et datoobjekt (0-11):

Eksempel

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

Prøv det selv →

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

Metoden setDate()

Metoden setDate() indstiller dagen for et datoobjekt (1-31):

Eksempel

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

Prøv det selv →

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

Metoden setDate() kan også bruges til at føje dage til en dato:

Eksempel

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

Prøv det selv →

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

Hvis tilføjelse af dage flytter måneden eller året, håndteres ændringerne automatisk af Dato-objektet.

Metoden setHours()

Metoden setHours() indstiller timerne for et datoobjekt (0-23):

Eksempel

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

Prøv det selv →

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

SetMinutes()-metoden

Metoden setMinutes() indstiller minutterne for et datoobjekt (0-59):

Eksempel

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

Prøv det selv →

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

setSeconds()-metoden

Metoden setSeconds() indstiller sekunderne af et datoobjekt (0-59):

Eksempel

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

Prøv det selv →

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

Sammenlign datoer

Datoer kan nemt sammenlignes.

Følgende eksempel sammenligner dagens dato med den 14. januar 2100:

Eksempel

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

Prøv det selv →

<!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 tæller måneder fra 0 til 11. Januar er 0. December er 11.

Komplet JavaScript-datoreference

For en komplet Datoreference, gå til vores:

Komplet JavaScript-datoreference.

Referencen indeholder beskrivelser og eksempler på alle Dato-egenskaber og metoder.