Vad är regionala datum- och tidsformat?

Regionala datum- och tidsformat är de regler som din enhet och webbläsare använder för att visa datum, tider, veckolayouter och tal. Dessa regler beror på locale-inställningar som språk och region (till exempel en-US, en-GB, de-DE eller fr-FR). Samma tidpunkt kan se mycket olika ut beroende på dessa inställningar.

Ett vanligt exempel är klockformat: vissa regioner föredrar ett 24-timmarsklocka (14:30), medan andra använder en 12-timmarsklocka med AM/PM (2:30 PM). Datumordningen varierar också beroende på region, till exempel månad-dag-år (11/23/2026) jämfört med dag-månad-år (23/11/2026). Veckokonventioner kan också skilja sig åt, inklusive om veckan börjar på söndag eller måndag.

Moderna webbläsare exponerar mycket av denna information via JavaScript Internationalization API (Intl). Detta gör det möjligt att identifiera hur en användares miljö förväntar sig att datum/tid- och numeriska värden ska visas, vilket är användbart för användarvänliga gränssnitt, schemaläggningsverktyg, lokaliseringskontroller och QA-testning.

Verktygsbeskrivning

Locale Format Detector läser din webbläsares och ditt systems regionala inställningar och sammanfattar dem på ett ställe. Det hjälper dig att identifiera inställningar som 12h vs 24h tidsformat, timcykel, datumordning, veckans första dag, helgdagar, tidszon, kalendersystem, nummersystem och numeriska avgränsare.

Verktyget körs lokalt i webbläsaren och kräver ingen manuell inmatning. Det är särskilt användbart vid felsökning av lokaliseringsbeteende, validering av internationell UX, eller för att verifiera hur en användares miljö formaterar datum/tid- och talutdata.

Exempel

  • Amerikansk engelsk miljö (en-US)

    • Klockformat: 12-timmar (AM/PM)
    • Datumordning: MÅNAD-DAG-ÅR
    • Veckan börjar på: Söndag
    • Exempeltid: 2:30 PM

  • Tysk miljö (de-DE)

    • Klockformat: 24-timmar
    • Datumordning: DAG-MÅNAD-ÅR
    • Veckan börjar på: Måndag
    • Exempeltid: 14:30

  • Fransk miljö (fr-FR)

    • Decimalavgränsare: ,
    • Tusentalsavgränsare: mellanslag eller smalt hårt mellanslag (varierar beroende på webbläsare/plattform)
    • Nummersystem: ofta latn

Funktioner

  • Identifierar webbläsarens locale och föredragen locale-lista
  • Identifierar tidsinställningar (12h/24h, timcykel, aktuellt tidsexempel)
  • Visar kalenderkonventioner (datumordning, veckans start, helgdagar, minsta antal dagar för första veckan)
  • Visar regional metadata (tidszon, kalendersystem, nummersystem)
  • Avslöjar numeriska formateringsregler (decimal- och tusentalsavgränsare)

Användningsområden

  • Lokaliserings-QA: Validera att UI-formatering matchar användarens regionala förväntningar innan lansering.
  • Support och felsökning: Diagnostisera snabbt användarrapporterade skillnader i datum/tid-visning mellan regioner.
  • Internationell produktutveckling: Bekräfta locale-beteende vid körning för schemaläggning, rapportering och datapresentationsfunktioner.

Hur det fungerar

Verktyget använder webbläsarens Intl.DateTimeFormat-, Intl.NumberFormat- och Intl.Locale-API:er för att läsa lösta locale-inställningar. Det formaterar sedan ett känt datum/tid och tal för att härleda visningskonventioner som datumdelordning och avgränsare.

Vissa värden kan variera något beroende på webbläsarversion, operativsystem och tillgänglig locale-data. Om en specifik regional egenskap inte är tillgänglig i den aktuella miljön visas den som okänd.

Begränsningar

  • Resultaten återspeglar webbläsarens/körtidsmiljöns beteende, vilket kan skilja sig från lokaliseringsbibliotek på serversidan.
  • Vissa egenskaper (som vecko-info) kanske inte stöds i äldre webbläsarmotorer.
  • Formateringsutdata kan skilja sig subtilt mellan plattformar även för samma locale-identifierare.