Tengo un input de tipo fecha, en algunas computadoras me devuelve la fecha en formato dd/MM/aaaa, pero en otras me devuelve en formato MM/DD/aaaa, me gustaria que me devuelva solo formato dd/MM/ yyyy patrón brasileño
<div class="input-group input-group text-center input-cep w-mmd-50 input-date"> <input formControlName="data" type="date" min="{{today}}" class="form-control" id="inputData" > </div>¿Habría una manera de hacer esto con solo HTML o javascript o una tubería angular? No encontré nada al respecto, busqué al respecto y dice que cambia según la configuración regional o el navegador.
El valor predeterminado de la fecha que obtiene del tipo de entrada = "fecha" está en formato (yyyy-mm-dd), debe cambiarlo según sus requisitos. Para referencia, puede consultar aquí
function myDateFormat() { var dateControl = document.querySelector('input[type="date"]'); console.log(dateControl.value); const [year, month, day] = dateControl.value.split('-'); const result = [day, month, year].join('/'); document.getElementById("showDate").innerHTML = result; } #showDate { margin-top:10px; } <input type="date" onchange="myDateFormat()"> <div id="showDate"></div>https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date [la mía en negrita]
Nota: El formato de la fecha que se muestra diferirá del valor real : el formato de la fecha que se muestra se basa en la configuración regional del navegador del usuario, pero el valor analizado siempre tiene el formato aaaa-mm-dd.
En otras palabras, puede dejar que el navegador decida el formato, ya que dependerá del usuario para el consumo internacional.