Calendar kontroll
En kontroll som brukes til å angi datoverdier.
Merk
Full dokumentasjons- og kildekode funnet i GitHub-kodekomponentrepositoriet.
Bekrivelse
Denne kodekomponenten gir en wrapper rundt Fluent UI-kalender-kontrollen som er bundet til en knapp for bruk i lerret og på egendefinerte sider.
Egenskaper
Nøkkelegenskaper
| Egenskap | Bekrivelse |
|---|---|
SelectedDateValue |
Datoverdien som skal forhåndsvelges eller velges etter ved endringshendelse. For eksempel: Dagens dato: Today(), Dato basert på språk: DateValue("24/7/2022",Language()), bestemt regionalt språk: DateValue("24/07/2022","en-GB") |
ShowGoToToday |
Om alternativet Gå til i dag er synlig |
MonthPickerVisible |
Om månedsvelgeren er synlig |
DayPickerVisible |
Om dagsvelgeren er synlig |
HighlightSelectedMonth |
Om den valgte måneden er uthevet i kalenderen |
HighlightCurrentMonth |
Om den gjeldende måneden er uthevet i kalenderen |
ShowWeekNumbers |
Om ukenumrene er synlige |
ShowSixWeeksByDefault |
Om den sjette uken er synlig som standard. |
MinDate |
Hvis det er angitt en datoverdi, vil navigasjon utover denne datoen ikke være tillatt. Hvis du vil ha riktig format, se eksemplet for Valgt dato. |
MaxDate |
Hvis det er angitt en datoverdi, vil navigasjon utover denne datoen ikke være tillatt. Hvis du vil ha riktig format, se eksemplet for Valgt dato. |
FirstDayOfWeek |
Velg hvilken dag som skal vises som første ukedag i kalenderen. |
Stilegenskaper
| Egenskap | Bekrivelse |
|---|---|
Theme |
Godtar en JSON-streng som genereres ved hjelp av Fluent UI Theme Designer (windows.net). Hvis du lar dette stå tomt, bruker du standardtemaet definert av Power Apps. Se Bruk av tema for hjelp til å konfigurere. |
BackgroundColor |
Bakgrunnsfargen for komponenten. for eksempel hvit eller #ffffff |
AccessibilityLabel |
Skjermleser aria-etikett |
Hendelsesegenskaper
| Egenskap | Bekrivelse |
|---|---|
InputEvent |
En hendelse for å sende kontrollen. For eksempel SetFocus. Se nedenfor. |
Virkemåte
Støtter SetFocus som en InputEvent.
Bruke OnChange
Når en dato velges, kan den valgte utdataegenskapen hentes av utdataegenskapen selectedDate. Nedenfor finner du et sett med eksempelkode som kan legges til i egenskapen OnChange, avhengig av hvordan utdataene må visualiseres.
Set(var_SelectedDate, If(!IsBlank(Self.selectedDateValue), Text(Self.selectedDateValue, ShortDate, Language())));
// Example - Output: 7/14/2022
Set(var_SelectedDate, If(!IsBlank(Self.selectedDateValue), Text(Self.selectedDateValue, LongDate, Language())));
// Example - Output: Sunday, July 3, 2022
Set(var_SelectedDate, If(!IsBlank(Self.selectedDateValue), Text(Self.selectedDateValue, ShortDate, "en-GB")));
// Example - Output: 14/07/2022
Angi fokus på kontrollen
Når en ny dialogboks vises og standardfokuset skal være på kontrollen, er det nødvendig med et eksplisitt angitt fokus.
Hvis du vil utføre kall til inndatahendelsen, kan du angi en kontekstvariabel som er bundet til egenskapen Inndatahendelse , til en streng som starter med SetFocus og etterfulgt av et vilkårlig element, for å sikre at appen registrerer den som en endring.
Eksempel på Power Fx-formel:
UpdateContext({ctxResizableTextareaEvent:"SetFocus" & Text(Rand())}));
Kontekstvariabelen ctxResizableTextareaEvent kan deretter være bundet til InputEvent-egenskapen.
Begrensninger
Denne kodekomponenten kan bare brukes i lerretsapper og egendefinerte sider.