Czym są regionalne formaty daty i godziny?

Regionalne formaty daty i godziny to reguły, których urządzenie i przeglądarka używają do wyświetlania dat, godzin, układów tygodnia i liczb. Reguły te zależą od ustawień regionalnych, takich jak język i region (na przykład en-US, en-GB, de-DE lub fr-FR). Ten sam moment może wyglądać bardzo różnie w zależności od tych ustawień.

Typowym przykładem jest format zegara: niektóre regiony preferują zegar 24-godzinny (14:30), podczas gdy inne używają zegara 12-godzinnego z AM/PM (2:30 PM). Kolejność elementów daty również zmienia się w zależności od regionu, na przykład miesiąc-dzień-rok (11/23/2026) kontra dzień-miesiąc-rok (23/11/2026). Konwencje tygodniowe mogą się też różnić, w tym to, czy tydzień zaczyna się w niedzielę czy w poniedziałek.

Nowoczesne przeglądarki udostępniają wiele z tych informacji za pośrednictwem JavaScript Internationalization API (Intl). Umożliwia to wykrycie, w jaki sposób środowisko użytkownika oczekuje wyświetlania wartości daty/godziny i liczbowych, co jest przydatne przy tworzeniu przyjaznych interfejsów, narzędzi do planowania, sprawdzaniu lokalizacji oraz testowaniu QA.

Opis narzędzia

Detektor formatów regionalnych odczytuje preferencje regionalne przeglądarki i systemu, a następnie przedstawia je w jednym miejscu. Pomaga zidentyfikować ustawienia takie jak format czasu 12h lub 24h, cykl godzinowy, kolejność elementów daty, pierwszy dzień tygodnia, dni weekendowe, strefa czasowa, system kalendarzowy, system numeryczny oraz separatory liczb.

Narzędzie działa lokalnie w przeglądarce i nie wymaga ręcznego wprowadzania danych. Jest szczególnie przydatne podczas debugowania zachowania lokalizacji, weryfikacji międzynarodowego UX lub sprawdzania, w jaki sposób środowisko użytkownika będzie formatować datę/godzinę i liczby.

Przykłady

  • Środowisko angielskie (USA) (en-US)

    • Format zegara: 12-godzinny (AM/PM)
    • Kolejność daty: MIESIĄC-DZIEŃ-ROK
    • Tydzień zaczyna się od: niedzieli
    • Przykładowa godzina: 2:30 PM

  • Środowisko niemieckie (de-DE)

    • Format zegara: 24-godzinny
    • Kolejność daty: DZIEŃ-MIESIĄC-ROK
    • Tydzień zaczyna się od: poniedziałku
    • Przykładowa godzina: 14:30

  • Środowisko francuskie (fr-FR)

    • Separator dziesiętny: ,
    • Separator tysięcy: spacja lub wąska spacja niełamliwa (zależy od przeglądarki/platformy)
    • System numeryczny: zazwyczaj latn

Funkcje

  • Wykrywa locale przeglądarki oraz listę preferowanych locale
  • Identyfikuje preferencje czasowe (12h/24h, cykl godzinowy, przykładowa bieżąca godzina)
  • Pokazuje konwencje kalendarzowe (kolejność daty, początek tygodnia, dni weekendowe, minimalna liczba dni pierwszego tygodnia)
  • Wyświetla metadane regionalne (strefa czasowa, system kalendarzowy, system numeryczny)
  • Ujawnia reguły formatowania liczb (separatory dziesiętne i tysięcy)

Przypadki użycia

  • QA lokalizacji: Sprawdź, czy formatowanie interfejsu odpowiada regionalnym oczekiwaniom użytkownika przed wdrożeniem.
  • Wsparcie i debugowanie: Szybko diagnozuj zgłaszane przez użytkowników różnice w wyświetlaniu daty/godziny w różnych regionach.
  • Tworzenie produktów międzynarodowych: Potwierdź zachowanie locale w czasie działania aplikacji dla funkcji planowania, raportowania i prezentacji danych.

Jak to działa

Narzędzie wykorzystuje API przeglądarki Intl.DateTimeFormat, Intl.NumberFormat oraz Intl.Locale do odczytu rozwiązanych ustawień regionalnych. Następnie formatuje znane wartości daty/godziny i liczby, aby wywnioskować konwencje wyświetlania, takie jak kolejność elementów daty i separatory.

Niektóre wartości mogą się nieznacznie różnić w zależności od wersji przeglądarki, systemu operacyjnego i dostępnych danych regionalnych. Jeśli określona właściwość regionalna jest niedostępna w bieżącym środowisku, narzędzie wyświetla ją jako nieznaną.

Ograniczenia

  • Wyniki odzwierciedlają zachowanie przeglądarki/środowiska uruchomieniowego, które może różnić się od bibliotek lokalizacyjnych po stronie serwera.
  • Niektóre właściwości (takie jak informacje o tygodniu) mogą nie być obsługiwane w starszych silnikach przeglądarek.
  • Wyniki formatowania mogą się subtelnie różnić między platformami nawet dla tego samego identyfikatora locale.