Menampilkan teks, tanggal, dan waktu dalam aplikasi kanvas

Artikel
04/14/2023

Di Power Apps, Tambahkan tanggal dan waktu ke aplikasi kanvas, dan format mereka untuk menampilkan tingkat rincian yang tepat atau untuk mencerminkan lokal Anda. Hitung jumlah waktu antara dua tanggal, atau hitung tanggal yang merupakan jumlah waktu tertentu sebelum atau setelah tanggal yang Anda tentukan. Konversikan tanggal ke atau dari nilai terpisah untuk hari, bulan, dan tahun, serta konversikan waktu ke atau dari nilai terpisah selama berjam-jam, menit, dan detik.

Misalnya, tambahkan data dari pengguna tentang perdagangan saham atau pertemuan klien, data dari sumber eksternal, atau data dari aplikasi lain yang dibuat di Power Apps. Jika data yang mencakup waktu turun ke milidetik, bulatkan ke menit terdekat untuk kemudahan. Hitung berapa hari tersisa sebelum tonggak utama. Jika Anda ingin menjadwalkan pertemuan klien setiap lima hari, hitung tanggal tersebut secara otomatis. Jika 10 Mei 1985, disimpan di bidang terpisah untuk hari, bulan, dan tahun, konsolidasikan mereka menjadi satu nilai. Sebaliknya, pisahkan setiap tanggal menjadi nilai terpisah jika aplikasi Anda mengelolanya secara terpisah.

Prasyarat

Daftar Power Apps, lalu masuk dengan memberikan kredensial yang sama dengan yang Anda gunakan untuk mendaftar.
Buat aplikasi atau buka aplikasi yang sudah ada di Power Apps.
Pelajari cara untuk mengonfigurasi kontrol di Power Apps.

Menampilkan teks di kontrol Label

Tampilkan teks dalam kontrol Label dengan mengatur nilai properti Teks. Atur properti ini dengan mengetik secara langsung ke kontrol atau dengan mengetikkan ekspresi di bilah rumus.

Jika Anda mengetik langsung ke kontrol, akan ditampilkan persis seperti yang Anda ketik.
Jika Anda mengetikkan ekspresi di bilah rumus, kontrol akan menampilkan hasil ekspresi.

Berikut adalah beberapa contoh.

Tambahkan kontrol Label bernama ShowText, dan atur properti Teks ke rumus ini:
Sekarang()

Jika komputer Anda diatur ke lokal "en-US", maka tanggal dan waktu saat ini akan muncul dalam format ini:
mm/dd/yyyy hh:mm AM/PM

Jika komputer Anda diatur ke lokal seperti "fr-fr", maka tanggal dan waktu saat ini akan muncul dalam format ini:
dd/mm/yyyy hh:mm AM/PM
Atur properti Teks dari ShowText ke rumus ini:
DateDiff(Today(), DateValue("01/01/2020"))

Kontrol menampilkan jumlah hari antara hari ini dan 1 Januari 2020, dengan menggunakan fungsi berikut:
- DateDiff, yang menghitung jumlah hari, kuartal, atau tahun antara dua tanggal.
- Hari ini, yang menghitung hari ini sebagai nilai.
- DateValue, yang mengubah string literal, seperti ditunjukkan antara tanda kutip ganda, ke nilai yang dapat dilakukan penghitungan.
Tambahkan kontrol Input teks bernama BirthDate, dan pindahkan ke dalam ShowText.
Pada BirthDate, masukkan bulan dan hari kelahiran Anda (misalnya, 05/18).
Atur properti Teks dari ShowText ke rumus ini:
DateDiff(Today(), DateValue(BirthDate.Text))

ShowText menampilkan jumlah hari antara hari ini dan tanggal apa pun yang Anda ketik dalam BirthDate. Jika hari ulang tahun Anda telah terjadi tahun ini, ShowText akan menampilkan nilai negatif.

Format tanggal dan waktu menggunakan DateTimeValue

Konversikan tanggal dan waktu dari string teks ke nilai, yang dapat Anda format dalam berbagai cara dan penggunaan dalam penghitungan. Tentukan format menggunakan pilihan bawaan dan kustom.

Catatan

Fungsi DateTimeValue dan DateValue dapat mengkonversi tanggal dalam salah satu format ini ke nilai:

MM/DD/YYYY
DD/MM/YYYY
DD Mon YYYY
Bulan DD, YYYY

Tambahkan kontrol Input teks bernama ArrivalDateTime, dan ketik tanggal dan waktu dalam format ini:
5/10/85 6.15
Tambahkan kontrol Label bernama ShowDate, dan atur properti Teks ke rumus ini:
DateTimeValue(ArrivalDateTime.Text)

ShowDate menampilkan informasi yang sama dengan yang Anda ketik, namun telah dikonversi dari teks ke nilai dan diformat secara berbeda. Misalnya, tahun muncul sebagai empat digit, bukan hanya dua.
Ubah properti Teks dari ShowDate ke rumus ini:
DateTimeValue(ArrivalDateTime.Text, "fr")

ShowDate menunjukkan hari sebelum bulan, seperti yang diharapkan oleh pengguna Perancis.

Tip

Untuk menampilkan daftar lokal lainnya di Intellisense, hilangkan tanda kutip penutup dan fr dari rumus, namun tinggalkan tanda kutip terbuka:
Untuk menggunakan salah satu dari beberapa format internal, ubah properti Teks dari ShowDate menjadi rumus ini:
Text(DateTimeValue(ArrivalDateTime.Text), DateTimeFormat.LongDateTime)

ShowDate menunjukkan hari dalam seminggu, tanggal, dan waktu.

Tip

Parameter DateTimeFormat mendukung beberapa format internal lainnya. Untuk menampilkan daftar tersebut, hapus LongDateTime dari rumus.
Untuk menggunakan format kustom, ubah properti Teks dari ShowDate menjadi rumus ini:
Text(DateTimeValue(ArrivalDateTime.Text), "mm/dd/yyyy hh:mm:ss.fff AM/PM")

ShowDate menampilkan nilai tanggal/waktu dalam format yang Anda tentukan, termasuk milidetik.

Tip

Untuk membulatkan waktu ke sepersepuluh atau seperatus detik, tentukan hh:mm:ss.f atau hh:mm:ss.ff di rumusnya.

Memformat tanggal menggunakan DateValue

Tambahkan kontrol Input teks bernama ArrivalDate, lalu ketik tanggal di dalamnya (misalnya, 5/10/85).
Tambahkan kontrol Label bernama FormatDate, dan atur properti Teks ke rumus ini:
DateValue(ArrivalDate.Text)

FormatDate menunjukkan tanggal yang Anda ketik, kecuali tahun muncul sebagai empat digit.
Atur properti Teks dari FormatDate ke rumus ini:
DateValue(ArrivalDate.Text, "fr")

FormatDate menunjukkan hari sebelum bulan, sama seperti yang diharapkan oleh pengguna Perancis.
Untuk menggunakan salah satu dari beberapa format internal, atur properti Teks dari FormatDate menjadi rumus ini:
Text(DateValue(ArrivalDate.Text), DateTimeFormat.LongDate)

FormatDate menunjukkan hari dalam seminggu, bulan, hari, dan tahun.
Untuk menggunakan format kustom, atur properti Teks dari FormatDate menjadi rumus ini:
Text(DateValue(ArrivalDate.Text), "yy/mm/dd")

FormatDate menampilkan tanggal dalam format yang Anda tentukan.

Memformat waktu menggunakan DateTimeValue

Tambahkan kontrol Input teks bernama ArrivalTime, lalu ketik 6.15 di dalamnya.
Tambahkan kontrol Label bernama Showtime.
Untuk menggunakan salah satu dari beberapa format internal, atur properti Teks dari ShowTime menjadi rumus ini:
Text(DateTimeValue(ArrivalTime.Text), DateTimeFormat.LongTime)

ShowTime menunjukkan waktu yang Anda tentukan, termasuk detik.
Untuk menggunakan format kustom, atur properti Teks dari ShowTime menjadi rumus ini:
Text(DateTimeValue(ArrivalTime.Text), "hh:mm:ss.fff AM/PM")

ShowTime menunjukkan waktu yang Anda tentukan, termasuk detik dan milidetik.

Tip

Untuk membulatkan waktu ke sepersepuluh atau seperatus detik, masukkan hh:mm:ss.f atau hh:mm:ss.ff di rumusnya.

Menampilkan waktu antara tanggal

Tambahkan dua kontrol Input teks bernama Awal dan Akhir.
Ketik 4/1/2015 di Awal, dan ketik 1/1/2016 di Akhir.
Tambahkan kontrol Label bernama DateDiff, dan atur properti Teks ke rumus ini:
DateDiff(DateValue(Start.Text), DateValue(End.Text))

DateDiff menunjukkan 275, yang merupakan jumlah hari antara 1 April 2015, dan 1 Januari 2016.
Atur properti Teks dari DateDiff ke rumus ini:
DateDiff(DateValue(Start.Text), DateValue(End.Text), Bulan)

DateDiff menunjukkan 9, yang merupakan jumlah bulan antara 1 April 2015, dan 1 Januari 2016. Gantikan Bulan dengan Kuartal atau Tahun untuk menampilkan waktu dalam unit tersebut.

Mengidentifikasi tanggal sebelum atau setelah tanggal lain

Tambahkan kontrol Input teks bernama Awal, lalu ketik 5/10/1985 di dalamnya.
Tambahkan kontrol Label bernama DateAdd dan atur properti Teks ke rumus ini:
DateAdd(DateValue(Start.Text), 3)

DateAdd menunjukkan 5/13/1985, yang merupakan tiga hari setelah tanggal di Awal.
Atur properti Teks dari DateAdd ke rumus ini:
DateAdd(DateValue(Start.Text), -3)

DateAdd menunjukkan 5/7/1985, yang merupakan tiga hari sebelum tanggal di Awal.
Ubah properti Teks dari DateAdd ke rumus ini:
DateAdd(DateValue(Start.Text), 3, Bulan)

Labelnya menunjukkan 8/10/1985, yang merupakan tiga bulan setelah tanggal di Awal. Gantikan Bulan dengan Kuartal atau Tahun untuk mengidentifikasi tanggal yang ditentukan dalam jumlah kuartal atau tahun sebelum atau setelah tanggal di Awal.

Hitung tanggal berdasarkan tahun, bulan, dan hari

Tambahkan tiga kontrol Drop down yang diberi nama Tahun, Bulan, dan Hari.
Atur properti Item dari Tahun ke rumus ini:
Table({Tahun:"2014"}, {Tahun:"2015"}, {Tahun:"2016"})
Atur properti Item dari Bulan ke rumus ini:
Table({Bulan:"1"}, {Bulan:"2"}, {Bulan:"3"}, {Bulan:"4"}, {Bulan:"5"}, {Bulan:"6"}, {Bulan:"7"}, {Bulan:"8"}, {Bulan:"9"}, {Bulan:"10"}, {Bulan:"11"}, {Bulan:"12"})
Atur properti Item dari Hari ke rumus ini:
Table({Hari:"1"}, {Hari:"2"}, {Hari:"3"}, {Hari:"4"}, {Hari:"5"}, {Hari:"6"}, {Hari:"7"}, {Hari:"8"}, {Hari:"9"}, {Hari:"10"}, {Hari:"11"}, {Hari:"12"}, {Hari:"13"}, {Hari:"14"}, {Hari:"15"}, {Hari:"16"}, {Hari:"17"}, {Hari:"18"}, {Hari:"19"}, {Hari:"20"}, {Hari:"21"}, {Hari:"22"}, {Hari:"23"}, {Hari:"24"}, {Hari:"25"}, {Hari:"26"}, {Hari:"27"}, {Hari:"28"}, {Hari:"29"}, {Hari:"30"}, {Hari:"31"})
Tambahkan kontrol Label dan atur properti Teks ke rumus ini:
Text(Date(Value(Year.SelectedText.Value), Value(Month.SelectedText.Value), Value(Day.SelectedText.Value)), DateTimeFormat.LongDate)

Rabu, 1 Januari 2014 terdaftar secara default. Pilih nilai yang berbeda di kontrol Drop down untuk mengubah tanggal di kontrol Label.

Anda mungkin harus mengonversi data yang tidak Anda harapkan. Jika Anda menambahkan kontrol Input teks dan bukan kontrol Drop down, pengguna dapat memasukkan tanggal yang salah, misalnya 45 Mei. Fungsi Tanggal menangani data aneh dengan cara berikut:

Jika nilai tahun antara 0 dan 1899 (inklusif), fungsi menambahkan nilai ke 1900 untuk menghitung tahun.
Jika nilai tahun antara 1900 dan 9999 (inklusif), fungsi menggunakan nilai tersebut sebagai tahun.
Jika nilai tahun kurang dari 0 atau 10000 atau lebih tinggi, fungsi mengembalikan nilai kesalahan.
Jika nilai bulan lebih dari 12, fungsi menambahkan jumlah bulan ke bulan pertama dalam tahun yang ditentukan.
Jika nilai bulan kurang 1, fungsi mengurangi jumlah bulan, plus 1, dari bulan pertama dari tahun yang ditentukan.
Jika nilai satu hari lebih besar dari jumlah hari di bulan yang ditentukan, fungsi tersebut menambahkan beberapa hari ke hari pertama pada bulan tersebut dan menghasilkan tanggal yang sesuai dari bulan berikutnya.
Jika nilai hari kurang dari 1, fungsi mengurangi jumlah hari, plus 1, dari hari pertama dari bulan yang ditentukan.

Menghitung waktu berdasarkan jam, menit, dan detik

Tambahkan dua daftar drop down yang diberi nama Jam dan Menit.
Atur properti Item dari Jam ke rumus ini:
Table({Jam:"9"}, {Jam:"10"}, {Jam:"11"}, {Jam:"12"}, {Jam:"13"}, {Jam:"14"}, {Jam:"15"}, {Jam:"16"}, {Jam:"17"})
Atur properti Item dari Menit ke rumus ini:
Table({Menit:"0"}, {Menit:"15"}, {Menit:"30"}, {Menit:"45"})
Tambahkan kontrol Label dan atur properti Teks ke rumus ini:

Teks(Waktu(Nilai(Hour.SelectedText.Value), Nilai(Minute.SelectedText.Value),0), DateTimeFormat.ShortTime)
Pilih 15 dalam Jam dan 45 dalam Menit.

Kontrol Label menampilkan 15.45.

Anda dapat menambahkan entri ke Jam dan Menit sehingga pengguna dapat memilih dari rentang waktu yang lebih besar dan jumlah menit yang lebih tepat. Anda juga dapat menambahkan kontrol drop down ketiga sehingga pengguna dapat menentukan detik. Jika Anda menambahkan daftar ketiga, atur properti Teks dari kontrol Label ke ekspresi berikut:
Text(Time(Value(Hour.Selected.Value), Value(Minute.Selected.Value), Value(Second.Selected.Value)), DateTimeFormat.LongTime)

Bagikan melalui