Tengo un problema con un script el cual me debería calcular la edad cuando coloco la fecha de nacimiento pero me sale el error NaN o que esta fuera de rango. Declare edad como int y fechaNac le puse [DataType(DataType.Date)], y el formato en que me muestra para colocar la fecha es dd-MM-yyyy, no se si podrían ayudar a encontrar el problema
function Edad() {
const fechaNacimiento = document.getElementById("fechaNac");
const edad = document.getElementById("edad");
const calcularEdad = (fechaNacimiento) => {
const fechaActual = new Date();
const anoActual = parseInt(fechaActual.getFullYear());
const mesActual = parseInt(fechaActual.getMonth()) + 1;
const diaActual = parseInt(fechaActual.getDay());
//01-01-2010
const anoNacimiento = parseInt(String(fechaNacimiento).substring(6, 10));
const mesNacimiento = parseInt(String(fechaNacimiento).substring(3, 5));
const diaNacimiento = parseInt(String(fechaNacimiento).substring(0, 2));
let edad = anoActual - anoNacimiento;
if (mesActual < mesNacimiento) {
edad--;
} else if (mesActual == mesNacimiento) {
if (diaActual < diaNacimiento) {
edad--;
}
}
return edad;
}
document.getElementById("edad").value = calcularEdad(this.value);
}
<div class="form-group col-md-4 mb-4">
<label asp-for="fechaNac" class="control-label"></label>
<input asp-for="fechaNac" class="form-control" id="fechaNac" min="1930-01-01" oninput="Edad()" />
<span asp-validation-for="fechaNac" class="text-danger"></span>
</div>
<div class="form-group col-md-2 mb-4">
<label asp-for="edad" class="control-label"></label>
<input asp-for="edad" class="form-control" id="edad" />
<span asp-validation-for="edad" class="text-danger"></span>
</div>