Ovládací prvok Calendar
Ovládací prvok používaný na hodnôt dátumov.
Poznámka
Úplnú dokumentáciu a zdrojový kód nájdete v odkladacom priestore komponentov kódu GitHub.
Description
Tento komponent kódu poskytuje obal okolo ovládacieho prvku Fluent UI Calendar viazaného na tlačidlo na použitie na plátne a vlastných stránkach.
Vlastnosti
Vlastnosti kľúča
Vlastnosť | Description |
---|---|
SelectedDateValue |
Hodnota dátumu, ktorá sa má predvoliť alebo vybrať po udalosti zmeny. Pre napr. : Dnešný dátum: Today() , Dátum podľa jazyka: DateValue("24/7/2022",Language()) , konkrétny regionálny jazyk: DateValue("24/07/2022","en-GB") |
ShowGoToToday |
Či je viditeľná možnosť „Prejsť na dnes“ |
MonthPickerVisible |
Či je viditeľný nástroj na výber mesiaca |
DayPickerVisible |
Či je viditeľný nástroj na výber dňa |
HighlightSelectedMonth |
Či je vybraný mesiac zvýraznený v kalendári |
HighlightCurrentMonth |
Či je aktuálny mesiac zvýraznený v kalendári |
ShowWeekNumbers |
Či sú viditeľné čísla týždňov |
ShowSixWeeksByDefault |
Či je predvolene viditeľný šiesty týždeň. |
MinDate |
Ak zadáte hodnotu dátumu, navigácia po tomto dátume nebude povolená. Správny formát nájdete v príklade pre Vybratý dátum. |
MaxDate |
Ak zadáte hodnotu dátumu, navigácia po tomto dátume nebude povolená. Správny formát nájdete v príklade pre Vybratý dátum. |
FirstDayOfWeek |
Vyberte deň, ktorý sa v kalendári zobrazí ako prvý deň týždňa. |
Vlastnosti štýlu
Vlastnosť | Description |
---|---|
Theme |
Akceptuje reťazec JSON, ktorý je vygenerovaný pomocou aplikácie Fluent UI Theme Designer (windows.net). Ak toto necháte prázdne, použije sa predvolený motív definovaný v Power Apps. Pokyny na konfiguráciu nájdete v časti nastavenie motívov. |
BackgroundColor |
Farba pozadia pre súčasť. napr. Biela alebo #ffffff |
AccessibilityLabel |
Označenie aria-label pre čítačky obrazovky |
Vlastnosti udalosti
Vlastnosť | Description |
---|---|
InputEvent |
Udalosť, ktorá sa má odoslať ovládaciemu prvku. Napr. SetFocus . Pozrite nižšie. |
Správanie
Podporuje SetFocus ako InputEvent
.
Pomocou funkcie OnChange
Keď je vybratý dátum, hodnotu možno získať pomocou vlastnosti výstupu selectedDate. Nižšie je uvedený súbor vzorového kódu, ktorý je možné pridať do vlastnosti „OnChange“ v závislosti od toho, ako je potrebné vizualizovať výstup.
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
Nastavenie zamerania na ovládací prvok
Keď sa zobrazí nové dialógové okno a predvolené zameranie by malo byť na ovládacom prvku, bude potrebné explicitne nastaviť zameranie.
Ak chcete volať vstupnú udalosť, môžete nastaviť kontextovú premennú, ktorá je viazaná na vlastnosť Input Event, na reťazec, ktorý začína SetFocus
a za ktorým nasleduje náhodný prvok, aby ste zabezpečili, že ju aplikácia zistí ako zmeniť.
Príklad vzorca Power Fx:
UpdateContext({ctxResizableTextareaEvent:"SetFocus" & Text(Rand())}));
Kontextová premenná ctxResizableTextareaEvent
by potom bola naviazaná na vlastnosť InputEvent
.
Obmedzenia
Tento komponent kódu je možné použiť iba v aplikáciách plátna a vlastných stránkach.