Saltar al contenido

@capgo/capacitor-selector-de-fecha

Fecha, hora, fecha-hora, año-mes y rangos de selección nativos para aplicaciones Capacitor, con un fallback web mantenido.

@capgo/capacitor-date-picker proporciona a las aplicaciones Capacitor un selector nativo API para fechas, horas, valores de fecha-hora, valores de año-mes y rangos de fechas. UIDatePicker en iOS, diálogos de plataforma en Android, y entradas de navegador nativas en Web.

Esta es la alternativa mantenida por Capgo a @capacitor-community/date-pickerLa diferencia es la velocidad de mantenimiento: escuchamos los informes de la comunidad, resolvemos problemas rápidamente y enviamos actualizaciones en lugar de dejar problemas persistentes GitHub abiertos.

iOSAndroid
Demo animado de iOS de @capgo/capacitor-selector-de-fechas abriendo, seleccionando una fecha y cerrandoDemo animado de Android de @capgo/capacitor-selector-de-fechas abriendo, seleccionando una fecha y cerrando
iOSAndroid
iOS captura de pantalla de @capgo/capacitor-date-picker mostrando el calendario de fecha nativoCaptura de pantalla de Android de @capgo/capacitor-date-picker mostrando el date picker nativo
  • Presenta calendarios de fecha, hora, fecha y hora, año-mes y conteo.
  • Selecciona rangos de fecha a través de presentRange().
  • Formatea los valores devueltos con patrones ISO, Java/Unicode y comunes de Moment.
  • Aplicar min, max, date, zona horaria y opciones de formato de 24 horas.
  • Utilice bloques de opciones específicas de plataforma iOS y Android cuando sea necesario.
  • Cerrar un selector activo programáticamente con hide().
  • Capacitor 8 de soporte.
  • Implementación web con el mismo present() API.
  • Soporte para título de diálogo.
  • Diseño de layout seguro contra rotación y manejo de locales en iOS.
  • iOS yearAndMonth modo.
  • Mayor seguridad al parsear fechas inválidas, cadenas ISO, valores de fecha solo y min / max.
  • Opciones de Android anidadas, is24h, manejo de ancho de diálogo y manejo de diálogo en el hilo de UI.
  • Minutos para seleccionar hora.
  • Selección de rango mediante presentRange().
CaracterísticaiOSAndroidWeb
present()SíYesYes
presentRange()YesYesYes
hide()YesYesYes
date modeYesYesYes
time modoSiSiSi
dateAndTime modoSiSiSi
yearAndMonth modoSiFecha de reemplazoSi
minuteStepSíSíSí
MétodoDescripción
presentMostrar un selector nativo o de Web para un valor único.
presentRangeMostrar un selector de fecha y rango. Las plataformas nativas utilizan dos selecciones nativas; Web muestra controles de inicio y fin juntos.
hideCerrar el selector visible actualmente, si existe.
getPluginVersionObtener la marca de versión del implementador de plataforma.

Esta referencia está sincronizada desde src/definitions.ts en capacitor-selector de fecha.