present() menampilkan pemilih platform untuk mode tanggal, waktu, atau kombinasi dengan opsi min, max, dan format. presentRange() menangani pemilihan mulai dan selesai bergaya booking. Kustomisasi gaya wheel atau inline iOS dan dialog Material Android dari satu API TypeScript.
Cocok untuk: booking perjalanan, formulir penjadwalan, input tanggal lahir, dan filter yang butuh kontrol native yang aksesibel.
| Platform | Dukungan | Catatan |
|---|
| iOS | Ya | Gaya UIDatePicker termasuk wheel dan inline |
| Android | Ya | Pemilih tanggal dan waktu Material |
| Web | Ya | Implementasi fallback picker di dalam plugin |
| iOS | Android |
|---|
 |  |
| iOS | Android |
|---|
 |  |
- Menyediakan picker untuk tanggal, waktu, date-time, tahun-bulan, dan gaya countdown.
- Pilih rentang tanggal melalui
presentRange().
- Format nilai yang dikembalikan dengan pola ISO, Java/Unicode, dan gaya Moment yang umum.
- Terapkan
min, max, date, locale, timezone, dan opsi format 24 jam.
- Gunakan blok opsi spesifik platform iOS dan Android jika diperlukan.
- Tutup picker aktif secara programatik dengan
hide().
- Dukungan Capacitor 8.
- Implementasi web dengan
present() API.
- Dukungan judul dialog.
- Layout aman rotasi iOS dan penanganan locale.
- iOS
yearAndMonth mode.
- Parsing lebih aman untuk tanggal tidak valid, string ISO, nilai tanggal saja, dan
min / max.
- Opsi bersarang Android,
is24h, penanganan lebar dialog, dan penanganan dialog di UI thread.
- Langkah menit untuk time picker.
- Seleksi rentang melalui
presentRange().
| Fitur | iOS | Android | Web |
|---|
present() | Ya | Ya | Ya |
presentRange() | Ya | Ya | Ya |
hide() | Ya | Ya | Ya |
date mode | Ya | Ya | Ya |
time mode | Ya | Ya | Ya |
dateAndTime mode | Ya | Ya | Ya |
yearAndMonth mode | Ya | Fallback tanggal | Ya |
minuteStep | Ya | Ya | Ya |
| Metode | Deskripsi |
|---|
present | Tampilkan picker native atau Web untuk satu nilai. |
presentRange | Tampilkan picker rentang tanggal. Platform native menggunakan dua seleksi native; Web menampilkan kontrol mulai dan akhir secara bersamaan. |
hide | Tutup picker yang sedang tampil, jika ada. |
getPluginVersion | Dapatkan penanda versi implementasi platform. |
Referensi ini disinkronkan dari src/definitions.ts di capacitor-date-picker.