document.addEventListener('DOMContentLoaded', (event) => {
const inputFecha = document.querySelector("#fechaNac");
const inputEdad = document.getElementById("edad");
inputFecha.addEventListener('change', Edad);
Edad();
function Edad() {
var fechaNacimiento = inputFecha.value;
const fechaActual = new Date();
const anoActual = parseInt(fechaActual.getFullYear());
const mesActual = parseInt(fechaActual.getMonth()) + 1;
const diaActual = parseInt(fechaActual.getDay());
//01-01-2010 2010-01-01
const anoNacimiento = parseInt(String(fechaNacimiento).substring(0, 4));
const mesNacimiento = parseInt(String(fechaNacimiento).substring(5, 7));
const diaNacimiento = parseInt(String(fechaNacimiento).substring(8, 10));
let edad = anoActual - anoNacimiento;
console.log(anoNacimiento);
if (mesActual < mesNacimiento) {
edad--;
} else if (mesActual == mesNacimiento) {
if (diaActual < diaNacimiento) {
edad--;
}
}
inputEdad.value = edad;
}
});
<table class="table">
<thead class="thead-dark">
<tr>
<th hidden>
@Html.DisplayNameFor(model => model.idEntidad)
</th>
<th>
@Html.DisplayNameFor(model => model.nombre)
</th>
<th>
@Html.DisplayNameFor(model => model.fechaConsulta)
</th>
<th></th>
</tr>
</thead>
<tbody id="tbDatos">
@foreach (var item in Model)
{
<tr>
<th hidden>
@Html.DisplayFor(model => item.idEntidad)
</th>
<th>
@Html.DisplayFor(model => item.nombre)
</th>
<th>
@Html.DisplayFor(model => item.fechaConsulta)
</th>
<th>
<a class="fa-solid fa-user-doctor fa-2x" aria-hidden="true" asp-controller="Consulta" asp-action="Atencion" asp-route-id="@item.idEntidad"></a>
</th>
</tr>
}
</tbody>
</table>
<form>
<div class="form-group row">
<input asp-for="idEntidad" class="form-control" type="hidden" id="idEntidad"/>
<input asp-for="fechaNac" class="form-control" id="fechaNac" min="01-01-1930" type="hidden" />
<div class="col-10">
<label asp-for="nombre" class="control-label"></label>
<input asp-for="nombre" class="form-control" id="nombre" readonly />
</div>
<div class="col">
<label asp-for="edad" class="control-label"></label>
<input asp-for="edad" class="form-control" id="edad" disabled />
</div>
</div>
</form>
tengo una lista, en donde se cargan una lista de nombres desde una base de datos, esta lista tiene un botón que referencia al usuario por id, la cual me lleva a un formulario cargando los datos del usuario, como nombre, fecha nacimiento y la edad se debe llenar automáticamente con la fecha de nacimiento. En el formulario el input donde se carga fecha de nacimiento y el id del usuario son de tipo hidden y por ese motivo la edad no se calcula. Lo probé quitando el hidden del input de fecha de nacimiento y calcula la edad sin problemas. Espero ahora me puedan entender
value
alinput
así<input asp-for="fechaNac" class="form-control" id="fechaNac" min="01-01-1930" oninput="Edad(this.value)" value="01-01-2000" />
no cambia la edad?