Поділитися через


Calendar контроль

Елемент керування для введення значень дат.

Нотатка

Повна документація та вихідний код із репозиторію компонентів коду GitHub.

Контроль календаря.

Опис

Цей компонент коду надає обгортку навколо елемента керування Fluent UI Calendar , прив’язану до кнопки для використання на полотні та користувацьких сторінках.

Властивості

Ключові властивості

Властивість Опис
SelectedDateValue Значення дати, яке має бути попередньо вибрано або вибрано після події змінення. Наприклад: сьогоднішня дата: Today(), дата на основі мови: DateValue("24/7/2022",Language()), певна регіональна мова: DateValue("24/07/2022","en-GB")
ShowGoToToday Чи доступний параметр «Перейти до сьогодні»
MonthPickerVisible Укажіть, чи слід відображати інструмент вибору місяця.
DayPickerVisible Укажіть, чи слід відображати інструмент вибору дня.
HighlightSelectedMonth Чи вибраний місяць буде виділено в календарі
HighlightCurrentMonth Чи поточний місяць буде виділено в календарі
ShowWeekNumbers Чи буде відображено номери тижнів
ShowSixWeeksByDefault Чи відображається за замовчуванням шостий тиждень.
MinDate Якщо вказано значення дати, не можна переходити за межі цієї дати. Щоб отримати правильний формат, див. приклад, наданий для вибраної дати.
MaxDate Якщо вказано значення дати, не можна переходити за межі цієї дати. Щоб отримати правильний формат, див. приклад, наданий для вибраної дати.
FirstDayOfWeek Виберіть день, який відображатиметься в календарі як перший день тижня.

Властивості стилю

Властивість Опис
Theme Приймає рядок JSON, створений за допомогою конструктора тем Fluent UI (windows.net). Якщо залишити це значення пустим, використовуватиметься тема, визначена Power Apps. Див. використання тем, щоб отримати вказівки щодо налаштування.
BackgroundColor Колір фону для компонента. Наприклад, білий або #ffffff
AccessibilityLabel Підпис aria-label для невізуальних екранів

Властивості події

Властивість Опис
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.

Обмеження

Цей компонент коду можна використовувати лише в компонованих програмах і настроюваних сторінках.