nve-relative-time
Intl.RelativeTimeFormat API'et for å formattere dato og vise tekst på valgte språk. Arvet fra SlRelativeTime.
Feil / oppgaver / PR
Ingen som vi vet om. Hvis du finner noe muffens, registrer en feil under Issues i Github og merk den med nve-relative-time.
Enkel bruk
<nve-relative-time date="1970-01-01"></nve-relative-time>Eksempler
Bruk lang for å sette hvilket språk eller målform som teksten skal vises på. nb og nn for norske målformer
<nve-relative-time date="1970-01-01" lang="nn"></nve-relative-time>
<nve-relative-time date="1970-01-01" lang="nb"></nve-relative-time>
<nve-relative-time date="1970-01-01" lang="ja"></nve-relative-time>sync-egenskapen kan brukes slik at teksten oppdateres jevnlig (teksten under vil oppdatere seg 1 minutt etter lasting av siden) Merk også at eksempelet ikke setter date-egenskapen, da settes tidspunktet til 'nå' ved lasting
<nve-relative-time lang="nn" sync></nve-relative-time>numeric-egenskapen kan settes til always for å si at verdien alltid skal vises med tall
<nve-relative-time lang="nn" sync numeric="always"></nve-relative-time>Bruk format-egenskapen for å si noe om formatteringen som skal vises. Velg mellom long, short, og narrow,
<nve-relative-time date="2024-01-01" lang="nb" format="long"></nve-relative-time>
<nve-relative-time date="2024-01-01" lang="nb" format="short"></nve-relative-time>
<nve-relative-time date="2024-01-01" lang="nb" format="narrow"></nve-relative-time>Egenskaper
| Navn | Type | Arvet fra | Beskrivelse | Reflected |
|---|---|---|---|---|
| testId | string | undefined = undefined | |||
| lang | string = '' | Setter språket som brukes. Bruk 'nn' eller 'nb' for norsk, 'en' for engelsk. Dersom denne ikke settes (og heller ikke arves) så er det browseren sitt språk som brukes | ||
| date | Date | string = new Date() | SlRelativeTime | The date from which to calculate time from. If not set, the current date and time will be used. When passing a string, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString). | |
| format | 'long' | 'short' | 'narrow' = 'long' | SlRelativeTime | The formatting style to use. | |
| numeric | 'always' | 'auto' = 'auto' | SlRelativeTime | When `auto`, values such as "yesterday" and "tomorrow" will be shown when possible. When `always`, values such as "1 day ago" and "in 1 day" will be shown. | |
| sync | boolean = false | SlRelativeTime | Keep the displayed value up to date as time passes. |