Jak wyświetlić datę i godzinę w strefie czasowej użytkownika

Jeśli masz stronę z wydarzeniami na Webflow, to pewnie spotkałeś się z problemem daty tych wydarzeń, która na podstronach dynamicznych wyświetla się niedostosowana do strefy czasowej użytkownika. Myślę, że jest to dość szczególny problem, tym bardziej, jeśli swoje treści kierujesz na zagranicę.

Jak, więc to naprawić?

1. Poniższy kod JavaScript dodaj do sekcji Custom Code > Before </body> tag w ustawieniach szablonu podstron.

‍

2. Następnie, zamiast tekstu date-field umieść tam zawartość pola z datą z CMS Colletion.

‍

3. Kliknij przycisk Save i dodaj dwa elementy TextBlock do szablonu podstron. W jednym będzie wyświetlana data, a w drugim czas.

‍

4. Teraz dodaj tym blokom odpowiednio klasy:

• date - blok wyświetlający datę
• time - blok wyświetlający czas

‍

Opublikuj zmiany i gotowe. Możesz też potestować różne opcje formatowania.

‍

Film instruktarzowy: