Bagikan melalui


Calendar menguasai

Kontrol yang digunakan untuk memasukkan nilai tanggal.

Catatan

Dokumentasi lengkap dan kode sumber yang ditemukan di repositori komponen kode GitHub.

Kontrol kalender.

Description

Komponen kode ini menyediakan pembungkus di sekitar kontrol Kalender UI Fluent yang terikat ke tombol untuk digunakan di kanvas & halaman kustom.

Properti

Properti kunci

Properti Description
SelectedDateValue Nilai tanggal untuk dipilih sebelumnya atau Dipilih setelah pada aktivitas perubahan. Untuk contoh : Tanggal Hari Ini: Today(), Tanggal berdasarkan bahasa: DateValue("24/7/2022",Language()), bahasa regional tertentu: DateValue("24/07/2022","en-GB")
ShowGoToToday Apakah pilihan 'Buka Hari Ini' dapat dilihat
MonthPickerVisible Apakah pemilih bulan dapat dilihat
DayPickerVisible Apakah pemilih hari dapat dilihat
HighlightSelectedMonth Apakah bulan yang dipilih disorot di kalender
HighlightCurrentMonth Apakah bulan saat ini disorot di kalender
ShowWeekNumbers Apakah angka minggu dapat dilihat
ShowSixWeeksByDefault Apakah minggu keenam dapat dilihat secara default.
MinDate Jika menentukan suatu nilai tanggal, navigasi di luar tanggal tersebut tidak akan diizinkan. Untuk format yang benar, lihat contoh yang diberikan untuk Tanggal Terpilih.
MaxDate Jika menentukan suatu nilai tanggal, navigasi di luar tanggal tersebut tidak akan diizinkan. Untuk format yang benar, lihat contoh yang diberikan untuk Tanggal Terpilih.
FirstDayOfWeek Pilih hari yang akan ditampilkan sebagai hari pertama dalam sepekan di kalender.

Properti gaya

Properti Description
Theme Menerima string JSON yang dihasilkan menggunakan Desainer Tema Fluent UI (windows.net). Membiarkan ini kosong akan menggunakan tema default yang didefinisikan oleh Power Apps. Untuk panduan tentang cara mengkonfigurasi, lihat tema.
BackgroundColor Warna latar belakang untuk komponen. Misalnya, Putih atau #ffffff
AccessibilityLabel Aria-label pembaca layar

Properti kejadian

Properti Description
InputEvent Aktivitas untuk dikirim ke kontrol. Misalnya SetFocus. Lihat di bawah.

Perilaku

Mendukung SetFocus sebagai InputEvent.

Menggunakan OnChange

Bila tanggal dipilih, nilai dapat diperoleh oleh properti output selectedDate. Di bawah ini adalah rangkaian kode sampel yang dapat ditambahkan di properti 'OnChange', tergantung pada cara output yang harus divisualisasikan.

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

Menetapkan Fokus pada kontrol

Saat dialog baru ditampilkan dan fokus default seharusnya ada pada kontrol, fokus eksplisit yang diatur akan diperlukan.

Untuk melakukan panggilan ke aktivitas input, Anda dapat mengatur variabel konteks yang terikat ke properti Aktivitas Input ke string yang dimulai dengan SetFocus dan diikuti oleh elemen acak untuk memastikan aplikasi mendeteksinya sebagai perubahan.

Rumus Power Fx contoh:

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

Selanjutnya, variabel konteks ctxResizableTextareaEvent akan diikat ke properti InputEvent dari properti.

Pembatasan

Komponen kode ini hanya dapat digunakan pada aplikasi kanvas dan halaman kustom.