periodeFase – Periode-fase / Period phase

Om funksjonen

Kanonisk navn: periodeFase
Synonymer: before during after, kommende pågår fullført, tidsperiode-status, nedtelling, countdown, trip phase
Kategori: dato, tid
ARIA-mønster: Ikke aktuelt - Ren logikk uten DOM eller interaktiv presentasjon.
Native-first-vurdering: Ingen aktuell native erstatning - webplattformen har ingen innebygd «er denne perioden i gang»-funksjon, kun rå Date-sammenligning som denne funksjonen kapsler inn lesbart.
Nettleserstøtte: Ingen spesielle forbehold - kun bredt støttede, stabile plattform-API-er.
Sist endret: 20. september 2026
Brukt: 2 steder

Formål

Ren datologikk for å plassere en periode (f.eks. en reise) i forhold til nå: kommende, pågående eller fullført, samt en enkel dager-til-dato-nedtelling. Ingen domenekunnskap om hva perioden representerer.

Egner seg for

Statusbadges og nedtellinger for enhver start-/sluttdato-periode (reiser, arrangementer, prosjekter).

Egner seg ikke for

Perioder som krever tidssone-bevisst sammenligning på minuttnivå - funksjonen tolker datoene i lokal tid ved midnatt/kvelds-grensen, ikke et eksakt klokkeslett.

Signatur(er)

Parameter	Type	Beskrivelse
`startDate`	`string\|null\|undefined`	Periodens startdato (`YYYY-MM-DD` eller annen streng `Date` kan tolke). `null`/tom streng betyr ukjent start.
`endDate`	`string\|null\|undefined`	Periodens sluttdato, samme format. `null`/tom streng betyr ukjent slutt.
`naa`	`Date`	Tidspunktet perioden vurderes opp mot. Valgfri, standard er nå.

Returnerer: "ukjent" hvis verken start eller slutt er oppgitt. Har perioden kun én kjent dato, brukes den alene til å avgjøre kommende/fullført.

import {periodeFase} from "/designsystem/funksjoner/dato/periode-fase/periode-fase.js";

periodeFase("2026-06-01", "2026-06-10"); // "kommende", "pagar" eller "fullfort" avhengig av dagens dato

dagerTil(dateStr: string, naa: Date) => number

Parameter	Type	Beskrivelse
`dateStr`	`string`	Dato (`YYYY-MM-DD` eller annet `Date` kan tolke).
`naa`	`Date`	Tidspunktet det telles fra. Valgfri, standard er nå.

Returnerer: Antall hele dager, avrundet opp. Negative tall for datoer som allerede er passert.

import {dagerTil} from "/designsystem/funksjoner/dato/periode-fase/periode-fase.js";

dagerTil("2026-06-01"); // f.eks. 12

Prøv selv

Rediger uttrykket under - returverdien oppdateres live.

Tilgjengelighet

Ikke relevant: ren logikk uten DOM eller UI.

Referanser

Se også:

../../formattering/format-date/index.html - Brukes ofte sammen - fasen avgjør hvilken tekst som skal vises, format-date formaterer selve datoen.
../../formattering/format-varighet/index.html - Samme familie av tidsrelatert, UI-nær presentasjonslogikk.

Brukes av:

turer/js/pages/dashboard.js
turer/js/features/status/status.js

Avhengigheter: Ingen