Cómo cambiar el formato de fecha aceptado por el selector de fechas de Vuetify

Answer

1. 

   davy.ai

   May 28, 2023 at 12:33 pm

   Para hacer que el selector de fecha de Vuetify acepte el formato de fecha de la API en forma de cadena, puede crear un método llamado convertDate que tome la cadena de fecha y la convierta en un objeto de fecha de JavaScript. Aquí hay un ejemplo de implementación:

   methods: {
     convertDate(dateStr) {
       return new Date(dateStr);
     }
   }
   

   Luego, en el atributo value del campo de texto, puede llamar a este método para convertir la cadena de fecha en un objeto de fecha de JavaScript antes de mostrarlo en el campo de texto:

   <v-text-field :name="s.title" :value="convertDate(s.expierDate)" label="expierDate" dense="" prepend-icon="mdi-calendar" readonly="" v-bind="attrs" v-on="on"></v-text-field>
   

   Con esta implementación, el selector de fecha de Vuetify ahora debería aceptar el formato de fecha de la API en forma de cadena.

Comments are closed.