Date
En komponent som viser formatert dato med eller uten ledetekst.
Bruk
Date-komponenten lar brukeren legge til strukturert formatert dato med eller uten ledetekst.
Anatomi
- Horisontal: Dato med ledetekst strukturert horisontalt
Dato Horisontal - Vertikal: Dato med ledetekst strukturert vertikalt
Dato vertikal
Relatert
Egenskaper
We are currently updating how we implement components, and the list of properties may not be entirely accurate.
| Property | Type | Description |
|---|---|---|
id | string | Unik Id streng for komponenten. |
value | string | Datoen du vil vise frem. Må være en ISO6801 string. |
textResourceBindings.title | string | Ledeteksten til datoen du vil vise. |
format | string | En formateringsstreng basert på Unicode Teknisk standard. |
direction | string | Setter den strukturerte retningen for ledetekst og verdi. Enum: [horizontal, vertical] . Default: horizontal. |
Konfigurering
Legg til komponent
{
"id": "date",
"type": "Date",
"textResourceBindings": {
"title": "Date"
},
"value": "2022-09-27 18:00:00.000",
"format": "dd.MM.yyyy",
"direction": "horizontal",
},
Legg til tittel og elementer
textResourceBindings.title
Ledetekst for datoen. Denne kan legges til som en hardkodet streng eller som en referanse til en tekstressurs.
value
Verdien av datoen som skal vises. Kan legges til som en streng eller et uttrykk.
format
Setter formateringen for datoen gitt i value feltet. Dette er basert på Unicode Teknisk standard.
direction
Bestemmer om teksten vises under eller ved siden av ledeteksten. horizontal for ved siden av og vertical for under.
Eksempel
Dato med ledetekst og ikon.
...
{
"id": "date",
"type": "Date",
"textResourceBindings": {
"title": "Date"
},
"value": "2022-09-27 18:00:00.000",
"format": "dd.MM.yyyy",
"direction": "horizontal",
},