Saltar al contenido

@capgo/capacitor-date-picker

Muestra selectores nativos de fecha, hora, rango y mes/año en iOS, Android y web.

present() muestra el selector de la plataforma para fechas, horas o modos combinados con opciones de min, max y formato. presentRange() gestiona la selección de rangos de inicio y fin. Personaliza los estilos de rueda o inline en iOS y los diálogos Material en Android desde un único API de TypeScript.

Casos de uso: reservas de viajes, formularios de agenda, captura de fechas de nacimiento y filtros que requieran un control nativo accesible.

PlataformaSoporteNotas
iOSSíEstilos de UIDatePicker, incluyendo ruedas e inline
AndroidSíSelectores de fecha y hora Material
WebSíImplementación de fallback en el plugin
iOSAndroid
Demo animada en iOS de @capgo/capacitor-date-picker abriéndose, seleccionando una fecha y cerrándoseDemo animada en Android de @capgo/capacitor-date-picker abriéndose, seleccionando una fecha y cerrándose
iOSAndroid
Captura de iOS de @capgo/capacitor-date-picker mostrando el selector de fecha nativoCaptura de Android de @capgo/capacitor-date-picker mostrando el selector de fecha nativo
  • Ofrece selectores nativos de fecha, hora, fecha/hora, año-mes y cuenta regresiva.
  • Selecciona rangos de fechas mediante presentRange().
  • Formatea los valores devueltos con ISO, Java/Unicode y patrones comunes estilo Moment.
  • Aplicar min, max, date, locale, zona horaria y opciones de formato de 24 horas.
  • Usa bloques de opciones específicos de iOS y Android cuando sea necesario.
  • Cierra un picker activo programáticamente con hide().
  • Soporte para Capacitor 8.
  • Implementación web con el mismo present() API.
  • Soporte para títulos de diálogo.
  • Layout seguro para rotación en iOS y manejo de locale.
  • iOS yearAndMonth modo.
  • Parsing más seguro para fechas inválidas, strings ISO, valores de solo fecha y min / max.
  • opciones anidadas en Android, is24h, ancho de diálogo y manejo de diálogos en el hilo de UI.
  • Intervalos de minutos para selectores de hora.
  • Selección de rango mediante presentRange().
CaracterísticaiOSAndroidWeb
present()SíSíSí
presentRange()SíSíSí
hide()SíSíSí
date modoSíSíSí
time modoSíSíSí
dateAndTime modoSíSíSí
yearAndMonth modoSíFecha de respaldoSí
minuteStepSíSíSí
MétodoDescripción
presentMuestra un selector nativo o web para un valor único.
presentRangeMuestra un selector de rango de fechas. Las plataformas nativas usan dos selecciones nativas; Web muestra los controles de inicio y fin juntos.
hideCierra el selector visible actualmente, si hay alguno.
getPluginVersionObtén el marcador de versión de la implementación de la plataforma.

Esta referencia se sincroniza desde src/definitions.ts en capacitor-date-picker.