Relative Time
Komponent RelativeTime je element slúžiaci na zobrazenie relatívneho času na základe vloženého dátumu. Vypočíta a zobrazí relatívny časový rozdiel medzi aktuálnym dátumom a zadaným dátumom. Formát relatívneho času je lokalizovaný na základe jazyka prehliadača používateľa.
Základné použitie
Ukážka zobrazuje základný výstup relative time komponentu, teda prepočet dátumu na relatívny časový text.
Kedy použiť
Použite wje-relative-time na zobrazenie obsahu, ktorý zlepšuje čitateľnosť, skenovateľnosť alebo kontext informácií.
Kedy nepoužiť
Nepoužívajte ho ako náhradu za štruktúrované dáta tam, kde je potrebná presná interakcia.
Prístupnosť
Doplňte alternatívny text pre obrázky, čitateľné kontrasty a textové ekvivalenty pre ikony bez popisu.
Odporúčané postupy
- Komprimujte médiá a používajte lazy loading pri veľkých zoznamoch.
- Pri kartách a zoznamoch držte konzistentné informačné priority.
- Neopakujte rovnakú informáciu súčasne textom aj ikonou bez pridanej hodnoty.
Atribúty a vlastnosti
date
| Popis | Nastavuje textovú hodnotu uloženú vo voľbe date. |
| Atribút | date |
| Typ | string |
| Predvolené | - |
lang
| Popis | Nastavuje jazyk alebo lokalizáciu pre formátovanie a popisy. |
| Atribút | lang |
| Typ | any |
| Predvolené | - |
objectDate
| Popis | Riadi správanie voľby object-date v komponente. |
| Atribút | object-date |
| Typ | Date |
| Predvolené | - |
Udalosti
Pre tento komponent nie sú dostupné žiadne udalosti.
Metódy
getRelativeTimeString
| Popis | Vráti relative time string z aktuálneho stavu komponentu. |
| Signatúra | (lang: any) => void |
isISODate
| Popis | Overí, či je isodate aktuálne pravda. |
| Signatúra | (str: string) => boolean |
CSS tieňové časti
| Názov | Popis |
|---|---|
native | Štýluje koreňovú shadow časť komponentu. |
CSS vlastné premenné
Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.
Sloty
Pre tento komponent nie sú dostupné žiadne sloty.