Estoy usando vue.js v2. De mi API obtengo un objeto con algunos campos de fecha en formato ISO, pero vue.js no muestra correctamente esos valores en una etiqueta de entrada.
<input type="date" class="form-control" v-model="lastPortalInvoiceDate">Valor encontrado a través de la extensión de depuración vue en Edge
"2022-02-06T23:00:00Z"Valor devuelto en JSON desde api
{ "data": { "portalInvoiceNumberPrefix": "I-{{BY}}-", "portalInvoiceFilePrefix": "ABC", "lastPortalInvoiceNumber": 1, "lastPortalInvoiceDate": "2022-02-06T23:00:00Z", "nextBookYearSwitchDate": "2022-02-10T23:00:00Z", "id": 1, "value": 1 }, "tenantId": 1, "responseType": "ok", "responseMessages": [ "Successfully read PortalInvoiceConfig" ] }Seleccione una fecha con selector de fecha y vea los cambios en sus datos. Verá la salida en formato 'yyyy-mm-dd'. Debe formatear su fecha. Para esto, puede dividir su cadena de tiempo para analizar solo la fecha.
yourDateStr = yourDateStr.split('T')[0]; //if your date is "2022-02-06T23:00:00Z" formatAnalizar con nueva fecha (yourDateStr) le causará problemas para establecer la zona horaria correcta. Entonces, si desea una solución simple, puede analizar la fecha.