Calendar kontrola

Kontrolka służąca do wprowadzania wartości dat.

Uwaga

Pełna dokumentacja i kod źródłowy znajdują się w repozytorium GitHub komponentów kodu.

opis

Ten składnik kodu udostępnia obszar, który można przećwicić przez formant Fluent UI Calendar, powiązany z przyciskem, który ma być używać przycisku na aplikacji kanwy i na stronach niestandardowych.

Właściwości

Właściwości klucza

Właściwości	opis
SelectedDateValue	Wartość daty, która ma być wstępnie wybrana lub Wybrana po zmianie zdarzenia. Np. : Dzisiejsza data: Today(), Data na podstawie języka: DateValue("24/7/2022",Language()), określony język regionalny: DateValue("24/07/2022","en-GB")
ShowGoToToday	Czy opcja "Przejdź do dzisiaj" jest widoczna
MonthPickerVisible	Czy selektor miesiąca jest widoczny
DayPickerVisible	Czy selektor dni jest widoczny
HighlightSelectedMonth	Czy wybrany miesiąc ma być wyróżniany w kalendarzu
HighlightCurrentMonth	Czy wybrany miesiąc ma być wyróżniany w kalendarzu
ShowWeekNumbers	Czy numery tygodni są widoczne
ShowSixWeeksByDefault	Czy tydzień będzie domyślnie widoczny.
MinDate	Jeśli określono wartość daty, nie będzie można poruszać się po tej dacie. Aby uzyskać poprawny format, zobacz przykład podany jako Wybrana data.
MaxDate	Jeśli określono wartość daty, nie będzie można poruszać się po tej dacie. Aby uzyskać poprawny format, zobacz przykład podany jako Wybrana data.
FirstDayOfWeek	Wybierz dzień, który ma być wyświetlany jako pierwszy dzień tygodnia w kalendarzu.

Właściwości stylu

Właściwości	opis
Theme	Akceptuje ciąg JSON generowany przy użyciu Projektanta motywów interfejsu użytkownika (windows.net). Pozostawienie tego pustego będzie używać domyślnego motywu zdefiniowanego przez ustawienie Power Apps. Zobacz motywy, aby uzyskać wskazówki dotyczące konfiguracji.
BackgroundColor	Kolor tła komponentu. np. biały lub #ffffff
AccessibilityLabel	Czytnik ekranu aria-label

Właściwości zdarzenia

Właściwości	opis
InputEvent	Zdarzenie do wysłania do kontroli Np. SetFocus. Zobacz poniżej.

Zachowanie

Obsługuje SetFocus jako element InputEvent.

Korzystanie z funkcji OnChange

Po wybraniu daty wartość może zostać otrzymana przez właściwość wyjściową SelectedDate. Poniżej znajduje się zestaw przykładowego kodu, który można dodać we właściwości "OnChange" w zależności od sposobu wizualizacji wyjściowego.

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

Ustawianie fokusu formantu

Gdy zostanie wyświetlone nowe okno dialogowe, a domyślny fokus powinien znajdować się na kontrolce, konieczne będzie wyraźne ustawienie fokusa.

Aby wykonać wywołania zdarzenia wejściowego, możesz ustawić zmienną kontekstową powiązaną z właściwością Input Event z ciągiem zaczynającym się od SetFocus i następującym po nim elementem losowym, aby upewnić się, że aplikacja wykryje to jako zmianę.

Przykładowa formuła Power Fx:

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

Zmienna kontekstowa ctxResizableTextareaEvent zostanie następnie powiązana z właściwością InputEvent właściwości.

Ograniczenia

Tego składnika kodu można używać tylko w aplikacjach kanwy i na stronach niestandardowych.