Calendar контроль
Элемент управления, используемый для ввода значений дат.
Заметка
Полная документация и исходный код находятся в разделе Репозиторий компонентов кода на GitHub.
Description
Этот компонент кода обеспечивает оболочку вокруг элемента управления Fluent UI Calendar, привязанную к кнопке, для использования в приложениях на основе холста и на пользовательских страницах.
Свойства
Ключевые свойства
| Свойство | Description |
|---|---|
SelectedDateValue |
Значение даты, которое будет предварительно выбрано или выбрано после события изменения. Например: Сегодняшняя дата: Today(), Дата на основе языка: DateValue("24/7/2022",Language()), конкретный региональный язык: DateValue("24/07/2022","en-GB") |
ShowGoToToday |
Видна ли опция «Перейти к сегодняшнему дню» |
MonthPickerVisible |
Видно ли средство выбора месяца |
DayPickerVisible |
Видно ли средство выбора дня |
HighlightSelectedMonth |
Подсвечивается ли выбранный месяц в календаре |
HighlightCurrentMonth |
Подсвечивается ли текущий месяц в календаре |
ShowWeekNumbers |
Видны ли номера недель |
ShowSixWeeksByDefault |
Отображается ли шестая неделя по умолчанию. |
MinDate |
Если указано значение даты, навигация после этой даты будет запрещена. Правильный формат см. в примере для выбранной даты. |
MaxDate |
Если указано значение даты, навигация после этой даты будет запрещена. Правильный формат см. в примере для выбранной даты. |
FirstDayOfWeek |
Выберите день, который будет отображаться как первый день недели в календаре. |
Свойства стиля
| Свойство | Description |
|---|---|
Theme |
Принимает строку JSON, сгенерированную с помощью Конструктора тем Fluent UI (windows.net). Если оставить это поле пустым, будет использоваться тема по умолчанию, определенная Power Apps. Сведения о порядке настройки см. в разделе темы. |
BackgroundColor |
Фоновый цвет для компонента. например, белый или #ffffff |
AccessibilityLabel |
Подпись Aria для программы чтения с экрана |
Свойства событий
| Свойство | Description |
|---|---|
InputEvent |
Событие, которое требуется отправить элементу управления. Например, SetFocus. См. ниже. |
Поведение
Поддерживает SetFocus как InputEvent.
Использование OnChange
Когда дата выбрана, значение может быть получено выходным свойством selectedDate. Ниже приведен пример кода, который можно добавить в свойство "OnChange" в зависимости от того, как нужно визуализировать вывод.
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
Настройка фокуса на элементе управления
Когда отображается новое диалоговое окно, а фокус по умолчанию должен быть на элементе управления, потребуется явная установка фокуса.
Чтобы совершать вызовы входного события, вы можете установить переменную контекста, связанную со свойством входного события, в строку, начинающуюся с SetFocus, за которым следует случайный элемент, чтобы приложение распознало его как изменение.
Пример формулы Power Fx:
UpdateContext({ctxResizableTextareaEvent:"SetFocus" & Text(Rand())}));
Контекстная переменная ctxResizableTextareaEvent затем может быть привязана к свойству InputEvent.
Ограничения
Этот компонент кода можно использовать только в приложениях на основе холста и настраиваемых страницах.