Datum — grunderna, tidszoner och Intl.DateTimeFormat
Skapa datum, läs av delar, formatera för olika lokalinställningar och visa andra tidszoner med Intl.DateTimeFormat.
Datum — grunderna, tidszoner och Intl.DateTimeFormat är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 3 av 3. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Introduktion till datum
Mål: Skapa och formatera datum på ett säkert sätt.
- new Date()
- Läsa delar
- Lokaliserad formatering
- Andra tidszoner
Skapa Date-värden
Skapa datum med new Date(), en tidsstämpel eller enkla år/månad/dag-delar (månadsindex börjar på 0).
// Create Date instances
// Now (current time)
const now = new Date();
// From timestamp (milliseconds since Jan 1, 1970 UTC)
const fromMs = new Date(0);
// From parts: year, monthIndex (0=Jan), day
const xmas = new Date(2025, 11, 25);
console.log("Now:", now.toString());
console.log("Epoch:", fromMs.toUTCString());
console.log("Xmas:", xmas.toDateString());
Getters för delar
Använd getters som getFullYear, getMonth, getDate och getHours.
// Read parts with getters
const d = new Date(2025, 0, 2, 15, 30);
console.log("Year:", d.getFullYear());
console.log("Month (0=Jan):", d.getMonth());
console.log("Day of month:", d.getDate());
console.log("Hours:", d.getHours());
console.log("Minutes:", d.getMinutes());
ISO och epoch
toISOString ger en stabil UTC-sträng. getTime returnerar antal millisekunder sedan epoch.
// ISO string and timestamps
const sample = new Date();
console.log("ISO:", sample.toISOString());
console.log("Unix seconds (approx):", Math.floor(sample.getTime() / 1000));
Lokaliserad formatering
Använd Intl.DateTimeFormat för tydliga, lokaliserade resultat med alternativ för olika delar.
// Format for a locale
const date = new Date(2025, 6, 4, 9, 5);
// Simple: toLocaleString uses your environment defaults
console.log("Local:", date.toLocaleString());
// Intl.DateTimeFormat with explicit locale and options
const fmt = new Intl.DateTimeFormat("en-GB", {
year: "numeric",
month: "short",
day: "2-digit",
hour: "2-digit",
minute: "2-digit"
});
console.log("Formatted:", fmt.format(date));
Formatera andra tidszoner
Välj en timeZone för att se samma tidpunkt i olika regioner, utan att behöva räkna manuellt.
// Format for a different time zone
const meeting = new Date(Date.UTC(2025, 3, 10, 12, 0));
const ny = new Intl.DateTimeFormat("en-US", {
timeZone: "America/New_York",
dateStyle: "medium",
timeStyle: "short"
});
const tokyo = new Intl.DateTimeFormat("en-US", {
timeZone: "Asia/Tokyo",
dateStyle: "medium",
timeStyle: "short"
});
console.log("NY:", ny.format(meeting));
console.log("Tokyo:", tokyo.format(meeting));
Quiz om Intl.DateTimeFormat
Snabb kontroll: Formatering utifrån lokal och tidszon.
Sammanfattning
Sammanfattning: Du skapade datum, läste delar, skrev ut ISO-format, formaterade utifrån lokaler och visade andra tidszoner med Intl.DateTimeFormat.
Lär dig JavaScript med en AI-lärare – gratis
Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.
- Kurser
- 59
- Lektioner
- 200
Vanliga frågor
Är lektionen ”Datum — grunderna, tidszoner och Intl.DateTimeFormat” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Datum — grunderna, tidszoner och Intl.DateTimeFormat”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 3 lektioner.
Vad lär jag mig i ”Datum — grunderna, tidszoner och Intl.DateTimeFormat”?
Skapa datum, läs av delar, formatera för olika lokalinställningar och visa andra tidszoner med Intl.DateTimeFormat. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.
Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?
Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 3 av 3.
Hur lång tid tar lektionen ”Datum — grunderna, tidszoner och Intl.DateTimeFormat”?
De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.
Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?
Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.
Alla lektioner i den här kursen
- Mallitteraler och vanliga strängoperationer
- Tal — heltal och flyttal samt grunderna i Math
- Datum — grunderna, tidszoner och Intl.DateTimeFormat