JavaScript datuminställningsmetoder


Innehållsförteckning

    Visa innehållsförteckning


Ange datummetoder låter dig ställa in datumvärden (år, månader, dagar, timmar, minuter, sekunder, millisekunder) för ett datumobjekt.


Ställ in datummetoder

Ange datummetoder används för att ställa in en del av ett datum:

setDate()

Ställ in dagen som ett nummer (1-31)

setFullYear()

Ställ in år (valfritt månad och dag)

setHours()

Ställ in timmen (0-23)

setMilliseconds()

Ställ in millisekunder (0-999)

setMinutes()

Ställ in minuterna (0-59)

setMonth()

Ställ in månad (0-11)

setSeconds()

Ställ in sekunderna (0-59)

setTime()

Ställ in tiden (millisekunder sedan 1 januari 1970)


Metoden setFullYear()

Metoden setFullYear() anger året för ett datumobjekt. I det här exemplet till 2020:

Exempel

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

Prova själv →

<!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 valfritt ställa in månad och dag:

Exempel

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

Prova själv →

<!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() anger månaden för ett datumobjekt (0-11):

Exempel

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

Prova själv →

<!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() ställer in dagen för ett datumobjekt (1-31):

Exempel

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

Prova själv →

<!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 också användas för att lägga till dagar till ett datum:

Exempel

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

Prova själv →

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

Om att lägga till dagar förskjuter månaden eller året, hanteras ändringarna automatiskt av Date-objektet.


Metoden setHours()

Metoden setHours() ställer in timmarna för ett datumobjekt (0-23):

Exempel

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

Prova själv →

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

Metoden setMinutes()

Metoden setMinutes() ställer in minuterna för ett datumobjekt (0-59):

Exempel

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

Prova själv →

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

Metoden setSeconds()

Metoden setSeconds() ställer in sekunderna för ett datumobjekt (0-59):

Exempel

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

Prova själv →

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

Jämför datum

Datum kan enkelt jämföras.

Följande exempel jämför dagens datum med 14 januari 2100:

Exempel

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

Prova själv →

<!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 räknar månader från 0 till 11. Januari är 0. December är 11.

Komplettera JavaScript-datumreferens

För en fullständig datumreferens, gå till vår:

Komplettera JavaScript-datumreferens.

Referensen innehåller beskrivningar och exempel på alla Date-egenskaper och metoder.