Saltar al contenido

@capgo/capacitor-selector-de-fechas

Picking de fechas nativas, hora, fecha-hora, año-mes y rango para aplicaciones Capacitor, con un fallback web mantenido.

@capgo/capacitor-date-picker dará a las aplicaciones Capacitor un selector nativo API para fechas, horas, valores de fecha-hora, valores de año-mes y rangos de fechas. Utiliza 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, arreglamos problemas rápidamente y enviamos actualizaciones en lugar de dejar problemas abiertos durante mucho tiempo GitHub.

iOSAndroid
Demo animado de iOS de @capgo/capacitor-date-picker abriendo, seleccionando una fecha y cerrandoDemo animado de Android de @capgo/capacitor-date-picker abriendo, seleccionando una fecha y cerrando
iOSAndroid
Pantalla de captura de iOS de @capgo/capacitor-date-picker mostrando el calendario de fecha nativaCaptura de pantalla de Android de @capgo/capacitor-selector de fecha mostrando el selector de fecha nativa
  • Presenta selecciones de fecha, hora, fecha y hora, año-mes y contadores de estilo de selección.
  • Selecciona rangos de fecha a través de presentRange().
  • Formatea valores devueltos con patrones ISO, Java/Unicode y comunes de Moment.
  • Aplicar min, max, datecontexto: Página/área: sitio web de marketing de Capgo. Rol: título de sección o página. Visto en: página affiliate.astro. Clave de mensaje `affiliate_step1_title` (Título de paso 1 del afiliado).
  • con zona horaria, formato de fecha y hora y opciones de 24 horas.
  • Utiliza bloques de opciones específicas de plataforma iOS y Android cuando sea necesario. hide().

Cerrar un selector activo programáticamente con

Arreglos de la comunidad
  • Capacitor 8 soporte.
  • Implementación web con el mismo present() API.
  • Título de diálogo de soporte.
  • Diseño de la interfaz de usuario y manejo de locales resistentes a la rotación en iOS.
  • Modo iOS yearAndMonth Análisis más seguro para fechas inválidas, cadenas de formato ISO, valores de fecha solo y opciones anidadas en Android, manejo de ancho de diálogo y manejo de diálogo en el hilo de interfaz de usuario.
  • Selección de rango mediante min / max.
  • Pasos de un minuto para seleccionar la hora. is24hSelección de rango mediante
  • Selección de rango mediante
  • 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íFallo de fechaSí
minuteStepSíSíSí
MétodoDescripción
presentPresentar un selector nativo o de Web para un valor único.
presentRangePresentar un selector de fecha rango. Las plataformas nativas utilizan dos selecciones nativas; Web muestra controles de inicio y fin juntos.
hideCerrar el selector actualmente visible, si existe.
getPluginVersionObtener la marca de versión de la implementación de la plataforma.

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