Controlul Calendar

Un control folosit pentru a introduce valori de dată.

Notă

Documentația completă și codul sursă se găsesc în depozitul de componente de cod GitHub.

Descriere

Această componentă de cod oferă un înveliș în jurul controlului Fluent UI Calendar legat de un buton pentru utilizare în pagini proiectate pe pânză și personalizate.

Proprietăţi

Proprietăți cheie

Proprietate	Descriere
SelectedDateValue	Valoarea datei care urmează să fie preselectată sau selectată după evenimentul de modificare. De exemplu: data de astăzi: Today(), data pe baza limbii: DateValue("24/7/2022",Language()), limba regională specifică: DateValue("24/07/2022","en-GB")
ShowGoToToday	Dacă opțiunea „Accesați data de astăzi” este vizibilă
MonthPickerVisible	Dacă selectorul de luni calendaristice este vizibil
DayPickerVisible	Dacă selectorul de zile este vizibil
HighlightSelectedMonth	Dacă luna selectată este evidențiată în calendar
HighlightCurrentMonth	Dacă luna curentă este evidențiată în calendar
ShowWeekNumbers	Dacă numerele săptămânilor sunt vizibile
ShowSixWeeksByDefault	Dacă a șasea săptămână este vizibilă în mod implicit.
MinDate	Dacă este specificată o valoare de dată, navigarea dincolo de această dată nu va fi permisă. Pentru formatul corect, consultați exemplul oferit pentru Data selectată.
MaxDate	Dacă este specificată o valoare de dată, navigarea dincolo de această dată nu va fi permisă. Pentru formatul corect, consultați exemplul oferit pentru Data selectată.
FirstDayOfWeek	Selectați ziua care va fi afișată ca prima zi a săptămânii în calendar.

Proprietăți de stil

Proprietate	Descriere
Theme	Acceptă un șir JSON care este generat utilizând Fluent UI Theme Designer (windows.net). Dacă este lăsat necompletat, se va folosi tema implicită definită de Power Apps. Consultați temele pentru îndrumări privind configurarea.
BackgroundColor	Culoarea de fundal pentru componentă. de exemplu, alb sau #ffffff
AccessibilityLabel	Aria-label pentru cititor de ecran

Proprietățile evenimentului

Proprietate	Descriere
InputEvent	Un eveniment de trimis controlului. De exemplu SetFocus. A se vedea mai jos.

Comportamentul

Acceptă SetFocus ca InputEvent.

Folosirea OnChange

Când este selectată o dată, valoarea poate fi obținută prin proprietatea de ieșire selectedDate. Mai jos este un set de exemplu de cod care poate fi adăugat în proprietatea „OnChange”, în funcție de modul în care trebuie vizualizat rezultatul.

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

Setarea focalizării pe control

Când este afișat un nou dialog și focalizarea implicită ar trebui să fie pe control, va fi necesară o focalizare setată explicită.

Pentru a efectua apeluri la evenimentul de intrare, puteți seta o variabilă de context care este legată de proprietatea Input Event la un șir care începe cu SetFocus și este urmat de un element aleatoriu pentru a vă asigura că aplicația îl detectează ca fiind o modificare.

Exemplu de formulă Power Fx:

UpdateContext({ctxResizableTextareaEvent:"SetFocus" & Text(Rand())}));

Variabila de context ctxResizableTextareaEvent ar fi apoi legată la proprietatea InputEvent proprietate.

Limitări

Această componentă de cod poate fi utilizată numai în aplicații planșă de lucru și pagini personalizate.