Calendar controle
Een besturingselement dat wordt gebruikt om datumwaarden in te voeren.
Notitie
Volledige documentatie en broncode vindt u in de GitHub-opslagplaats voor codeonderdelen.
Omschrijving
Dit codeonderdeel biedt een wrapper rond het besturingselement voor agenda van Fluent UI dat is gebonden aan een knop voor gebruik in canvas-apps en aangepaste pagina's.
Eigenschappen
Belangrijke eigenschappen
| Eigenschappen | Omschrijving |
|---|---|
SelectedDateValue |
De datumwaarde die vooraf moet worden geselecteerd of die moet worden geselecteerd na een wijzigingsgebeurtenis. Voor bijvoorbeeld: datum van vandaag: Today(), datum op basis van taal: DateValue("24/7/2022",Language()), specifieke streektaal: DateValue("24/07/2022","en-GB") |
ShowGoToToday |
Of de optie 'Ga naar vandaag' zichtbaar is |
MonthPickerVisible |
Of de maandkiezer zichtbaar is |
DayPickerVisible |
Of de dagkiezer zichtbaar is |
HighlightSelectedMonth |
Of de geselecteerde maand is gemarkeerd in de agenda |
HighlightCurrentMonth |
Of de huidige maand is gemarkeerd in de agenda |
ShowWeekNumbers |
Of de weeknummers zichtbaar zijn |
ShowSixWeeksByDefault |
Of de zesde week standaard zichtbaar is. |
MinDate |
Als een datumwaarde is opgegeven, is navigatie na die datum niet toegestaan. Raadpleeg het voorbeeld voor Geselecteerde datum voor de juiste notatie. |
MaxDate |
Als een datumwaarde is opgegeven, is navigatie na die datum niet toegestaan. Raadpleeg het voorbeeld voor Geselecteerde datum voor de juiste notatie. |
FirstDayOfWeek |
Selecteer de dag die als eerste dag van de week in de agenda moet worden weergegeven. |
Stijleigenschappen
| Eigenschappen | Omschrijving |
|---|---|
Theme |
Accepteert een JSON-tekenreeks die is gegenereerd met Ontwerper van Fluent UI Theme (windows.net). Als u dit leeg laat, wordt het standaardthema gebruikt dat door Power Apps is gedefinieerd. Zie Themagebruik voor richtlijnen voor configureren. |
BackgroundColor |
Achtergrondkleur voor het onderdeel. Bijvoorbeeld wit of #ffffff |
AccessibilityLabel |
Arialabel voor schermlezers |
Eigenschappen van gebeurtenis
| Eigenschappen | Omschrijving |
|---|---|
InputEvent |
Een gebeurtenis waarnaar het besturingselement moet worden verzonden Bijvoorbeeld SetFocus. Zie hieronder. |
Gedrag
Ondersteunt SetFocus als een InputEvent.
OnChange gebruiken
Wanneer een datum wordt geselecteerd, kan de waarde worden verkregen door de uitvoereigenschap selectedDate. Hieronder vindt u een set voorbeeldcode die kan worden toegevoegd in de eigenschap 'OnChange', afhankelijk van hoe de uitvoer moet worden gevisualiseerd.
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
Focus op het besturingselement instellen
Wanneer een nieuw dialoogvenster wordt weergegeven en de standaardfocus op het besturingselement moet liggen, is een expliciete ingestelde focus nodig.
Als u de input-gebeurtenis wilt aanroepen, kunt u een contextvariabele die aan de eigenschap Input Event is gebonden, instellen op een tekenreeks die begint met SetFocus en gevolgd door een willekeurig element om ervoor te zorgen dat de app het als een wijziging detecteert.
Voorbeeld van Power Fx-formule:
UpdateContext({ctxResizableTextareaEvent:"SetFocus" & Text(Rand())}));
De contextvariabele ctxResizableTextareaEvent is dan gebonden aan de eigenschap InputEvent.
Beperkingen
Dit codeonderdeel kan alleen worden gebruikt in canvas-apps en aangepaste pagina's.