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
.
Обмеження
Цей компонент коду можна використовувати лише в компонованих програмах і настроюваних сторінках.