Langsung ke konten

@capgo/capacitor-date-picker

Tampilkan picker tanggal, waktu, rentang, serta tahun dan bulan native di iOS, Android, dan web.

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.

PlatformDukunganCatatan
iOSYaGaya UIDatePicker termasuk wheel dan inline
AndroidYaPemilih tanggal dan waktu Material
WebYaImplementasi fallback picker di dalam plugin
iOSAndroid
Demo animasi iOS saat @capgo/capacitor-date-picker terbuka, memilih tanggal, dan tertutupDemo animasi Android saat @capgo/capacitor-date-picker terbuka, memilih tanggal, dan tertutup
iOSAndroid
Screenshot iOS @capgo/capacitor-date-picker yang menampilkan native date pickerScreenshot Android @capgo/capacitor-date-picker yang menampilkan native date picker
  • 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().
FituriOSAndroidWeb
present()YaYaYa
presentRange()YaYaYa
hide()YaYaYa
date modeYaYaYa
time modeYaYaYa
dateAndTime modeYaYaYa
yearAndMonth modeYaFallback tanggalYa
minuteStepYaYaYa
MetodeDeskripsi
presentTampilkan picker native atau Web untuk satu nilai.
presentRangeTampilkan picker rentang tanggal. Platform native menggunakan dua seleksi native; Web menampilkan kontrol mulai dan akhir secara bersamaan.
hideTutup picker yang sedang tampil, jika ada.
getPluginVersionDapatkan penanda versi implementasi platform.

Referensi ini disinkronkan dari src/definitions.ts di capacitor-date-picker.