Implementé un selector de fecha en un nuxtjs con la aplicación vuetify. Funciona bien al seleccionar cualquier fecha del calendario. Necesito habilitar la misma funcionalidad mientras escribo también. Si estoy escribiendo como 12122021, debe tener el formato 12/12/2021 al escribirlo. Esto es lo que he intentado hasta ahora.
https://stackblitz.com/edit/github-fms71e?file=pages/index.vue
Recibo un error indefinido cuando pierdo el foco. ¿Cómo puedo implementar la funcionalidad?
Revisa este codesandbox que hice, no estoy usando Nuxt pero puedes hacerte una idea para implementarlo en tu proyecto: https://codesandbox.io/s/stack-70724804-sryk8?file=/src/components/custom /CustomDatePicker.vue
Este es un componente selector de fecha personalizado que hice para uno de mis proyectos. Puede personalizarlo según sus necesidades, pero el componente ya viene con múltiples opciones de personalización que puede habilitar/modificar a través de props .
El selector de fechas puede mostrar fechas en 3 formatos. Utiliza la biblioteca vue-the-mask para controlar las entradas de fecha manuales y algunas funciones auxiliares para controlar las conversiones de fecha que importo como mixin.
Independientemente del formato que elija mostrar al usuario final, el selector de fecha personalizado siempre funcionará internamente con el formato de fecha yyyy-MM-dd o yyyy-MM .