Datepicker
🚧 Denne dokumentasjonen er under oppdatering.
Bruk
Anatomi
Egenskaper
Påkrevde egenskaper: id
, type
, basicDataModelBindings.simpleBinding
Egenskap | Type | Beskrivelse |
---|---|---|
id | string | Komponent id. Må være unik innenfor alle oppsett/sider i et layout-set. Kan ikke slutte med punktum eller tall. |
type | string | Komponent typen |
basicDataModelBindings | object | Datamodellkobling til komponenten |
basicDataModelBindings.simpleBinding | string | Datamodellkobling til komponentens felt i datamodellen. |
basicTextResources | object | Tekstresurser for komponenten |
basicTextResources.title | string | Tittelen |
basicTextResources.description | string | Beskrivelsesfelt |
basicTextResources.help | string | Hjelpefelt |
basicTextResources.shortName | string | Navn på komponenten, som vil brukes for valideringsmeldinger. basicTextResources.title er standard. |
basicTextResources.tableTitle | string | Teksten som vises i kolonnen for en repeterende gruppe for komponenten. basicTextResources.title er standard. |
required | boolean | Boolean eller uttrykk som indikerer om komponenten er påkrevd når en bruker fyller ut skjemaet. Standard er false. |
readOnly | boolean | Boolean eller uttrykk som indikerer om komponenten skal presenteres som kun lesbar. Standard er false. Vennligst merk at selv med skrivebeskyttede felt i komponenter, kan det for øyeblikket være mulig å oppdatere feltet ved å endre forespørselen sendt til API-et eller gjennom et direkte API-anrop. |
format | string | Datoformattering. Lokal brukerdato formattering vil bli prioritert over denne innstillingen. Eksempel: DD/MM/YYYY , MM/DD/YYYY , YYYY-MM-DD . |
grid | object | Innstillinger for komponentens rammer. Brukes for å kontrollere horisontal plassering. |
grid.innerGrid | gridProps | Valgfri. Rammer for indre komponentkontekst, så som input felt dropdown. Brukes for å unngå at feltet fyller komponentens fulle bredde. Eksempel: {xs: 12} Se: gridProps |
grid.labelGrid | gridProps | Valgfri. Rammer for komponentens tittel. Brukes i kombinasjon med innerGrid for å likestille bredden på titler på siden. Eksempel: {xs: 12} Se: gridProps |
hidden | boolean | Boolean eller uttrykk som indikerer om komponenten skal være skjult. Standard er false. |
maxDate | string | Setter den maksimalt tillatte datoen som brukeren kan velge. Du kan bruke nøkkelordene today , yesterday , tomorrow , oneYearFromNow og oneYearAgo for å definere de makismalt tillatte datoene basert på dagens dato. Standard er 2100-01-01T12:00:00.000Z. |
minDate | string | Setter den tidligste tillatte datoen som brukeren kan velge. Du kan bruke nøkkelordene today , yesterday , tomorrow , oneYearFromNow og oneYearAgo for å definere de tidligste tillatte datoene basert på dagens dato. Standard er 1900-01-01T12:00:00.000Z. |
pageBreak | object | Angir om komponenten kan utløse sidebrytning i PDF. |
pageBreak.breakAfter | string | Kun PDF: Verdien eller uttrykket indikerer om et sidebrytning skal legges til etter komponenten. Kan være: auto (standard), always eller avoid . |
pageBreak.breakBefore | string | Kun PDF: Verdien eller uttrykket indikerer om et sidebrytning skal legges til før komponenten. Kan være: auto (standard), always eller avoid . |
renderAsSummary | boolean | Boolean eller uttrykk som indikerer om komponenten skal bli laget som en oppsummering. Standard er false. |
timeStamp | boolean | Boolean verdi som indikerer om dato skal lagres som et tidsstempel. Standard er true. Hvis true: YYYY-MM-DDThh:mm:ss:sssZ, hvis false: YYYY-MM-DD. |
Konfigurering
Vi oppdaterer for øyeblikket Altinn Studio med flere muligheter for innstillinger!
Dokumentasjonen oppdateres fortløpende, men det kan være flere innstillinger tilgjengelig enn det som beskrives her og noen innstillinger kan være i betaversjon.
Legg til komponent
Du kan legge til en komponent i Altinn Studio Designer ved å dra den fra komponent-listen til sideområdet.
Når du velger komponenten, vises innstillingspanelet for den.
Grunnleggende komponent:
App/ui/layouts/{page}.json
{
"$schema": "https://altinncdn.no/toolkits/altinn-app-frontend/4/schemas/json/layout/layout.schema.v1.json",
"data": {
"layout": [
{
// Basic component (required properties)
}
]
}
}
}