Formatering af datoer
Vis datoer med indstillingerne i toLocaleDateString.
Formatering af datoer er en gratis JavaScript Academy-lektion på CoddyKit. Dette er lektion 3 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i JavaScript Academy, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. JavaScript Academy-kurset indeholder 4 lektioner i alt.
Formatering af datoer
JavaScript har flere indbyggede metoder til at omdanne en dato til læsbar tekst, fra lokalitetsbevidst output til standardiserede ISO-strenge.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString())toISOString
toISOString returnerer en standardiseret streng i UTC, som er ideel til lagring og dataudveksling, fordi den ikke kan misforstås.
const d = new Date(Date.UTC(2024, 0, 15, 10, 30, 0))
console.log(d.toISOString())Udtræk af ISO-strengen
ISO-strengen placerer datoen først, så du kan udtrække de første ti tegn for kun at få kalenderdatoen.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))toLocaleDateString
toLocaleDateString formaterer datodelen ud fra en lokalitet, så resultatet passer til den pågældende region.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { timeZone: "UTC" })
console.log(typeof text)Lokalitetsargument
Det første argument er en lokalitetskode som en-US eller de-DE, der ændrer rækkefølgen og separatorerne i den formaterede dato.
const d = new Date(Date.UTC(2024, 0, 15))
const us = d.toLocaleDateString("en-US", { timeZone: "UTC" })
const iso = d.toISOString().slice(0, 10)
console.log(typeof us, iso)Formateringsindstillinger
Et indstillingsobjekt lader dig vælge, hvordan hver del vises, for eksempel med et langt månedsnavn eller et numerisk årstal.
const d = new Date(Date.UTC(2024, 0, 15))
const text = d.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric", timeZone: "UTC" })
console.log(typeof text)toLocaleTimeString
toLocaleTimeString formaterer kun tidsdelen og tager igen hensyn til den angivne lokalitet og eventuelle indstillinger.
const d = new Date(Date.UTC(2024, 0, 15, 14, 5, 0))
const text = d.toLocaleTimeString("en-US", { timeZone: "UTC" })
console.log(typeof text)toLocaleString
toLocaleString kombinerer både dato og klokkeslæt i en enkelt lokaliseret streng.
const d = new Date(Date.UTC(2024, 0, 15, 9, 0, 0))
const text = d.toLocaleString("en-US", { timeZone: "UTC" })
console.log(typeof text)toDateString
toDateString giver en fast, læsbar dato på engelsk uden lokalitetsindstillinger, hvilket er nyttigt til hurtig logning.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof d.toDateString())Intl.DateTimeFormat
Ved gentagen formatering opretter Intl.DateTimeFormat et genanvendeligt formateringsobjekt, som er mere effektivt end at kalde lokalitetsmetoder mange gange.
const fmt = new Intl.DateTimeFormat("en-US", { timeZone: "UTC", dateStyle: "medium" })
const d = new Date(Date.UTC(2024, 0, 15))
console.log(typeof fmt.format(d))Valg af format
Brug ISO-strenge til lagring og API'er og lokalitetsmetoder til visning for brugere i deres region. Hold disse formål adskilt.
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))Hurtig kontrol
Test din viden om formatering.
Opsummering
Opsummering: Vælg den rigtige formateringsmetode til opgaven.
- toISOString til lagring og API'er
- toLocaleDateString og lignende metoder til visning for brugere
- Indstillinger styrer månedsnavne og talformater
- Intl.DateTimeFormat er effektiv ved gentagen formatering
const d = new Date(Date.UTC(2024, 0, 15))
console.log(d.toISOString().slice(0, 10))
Lær JavaScript med en AI-underviser — gratis
Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.
- Kurser
- 59
- Lektioner
- 200
Ofte stillede spørgsmål
Er lektionen “Formatering af datoer” gratis?
Ja — alle 3 lektioner i læringssporet JavaScript Academy, inklusive “Formatering af datoer”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. JavaScript Academy-kurset indeholder 4 lektioner i alt.
Hvad lærer jeg i “Formatering af datoer”?
Vis datoer med indstillingerne i toLocaleDateString. Du øver dig i JavaScript Academy med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.
Skal jeg have erfaring for at begynde på JavaScript Academy?
Der kræves ingen tidligere erfaring. JavaScript Academy på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 3 af 4.
Hvor lang tid tager lektionen “Formatering af datoer”?
De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.
Kan jeg skrive og køre kode i denne JavaScript Academy-lektion?
Ja. Alle JavaScript Academy-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.
Alle lektioner i dette kursus
- Oprettelse og læsning af datoer
- Tidsstempler og datoberegning
- Formatering af datoer
- Tidszoner og UTC