Migrar angular-bootstrap-datetimepicker / ui-date a Angular moderno
angular-bootstrap-datetimepicker ofrecía un selector combinado de fecha y hora para Bootstrap, y ui-date envolvía el datepicker de jQuery UI. Ambas están atadas a AngularJS.
Qué la reemplaza
| Opción | Cuándo elegirla |
|---|---|
| Angular Material datepicker and timepicker | Mantenidos por el equipo de Angular (el timepicker existe desde Angular Material 19); funcionan con Date nativo o con un adaptador de fechas como date-fns o Luxon. |
| ng-bootstrap datepicker and timepicker | Cuando la app conserva sus estilos Bootstrap. |
| Native date and datetime-local inputs | Suficientes para formularios simples, con el selector propio de la plataforma en móviles. |
Cómo migrarla
- Revisa qué guarda cada campo (un Date, un string ISO, un timestamp o un objeto Moment) y qué espera la API.
- Construye componentes compartidos de campo de fecha y de fecha con hora sobre el selector elegido, con un solo formato de visualización y un solo locale.
- Reemplaza los campos junto con su pantalla, y elimina jQuery UI o Moment cuando desaparezca el último selector antiguo.
Cuidado con. Los valores de solo fecha son el bug clásico: convertir con toISOString un Date de medianoche local puede moverlo al día anterior. Envía los campos de solo fecha como strings yyyy-MM-dd.
Otras librerías
¿Planeas una migración o una plataforma de microfrontends?
En una llamada de 20 minutos me cuentas tu situación y te digo cómo la abordaría. Si todavía no vale la pena, también te lo digo.
Escríbeme por LinkedIn