1

Tengo un pequeño problema al pasar las id a través de una función, tengo el siguiente código js que si lo coloco en la pagina .cshtml al final como script funciona sin problema alguno y realiza la validación correspondiente.

 <script>
    $(document).ready(function () {
        $("#FecNacVal").on("change", function () {
            var now = new Date();
            var birthdate = new Date($("#FecNacVal").val()); // Se Procede a calcular en base a la fecha
            var nowyear = now.getFullYear();
            var birthyear = birthdate.getFullYear();
            var age = nowyear - birthyear + 1;
            $('#EdadVal').val(age);
        });
    });
</script>

Pero ahora que lo coloque en la carpeta de los js en ASP.NET Core MVC y lo coloco como función con parámetros me arroja errores, si alguien me podría dar la mano para saber que estoy realizando de manera incorrecta.

function ValidarFecha(idFec, idEdad) {
var ver = $('#' + idFec).val();
console.log(ver);
    $(document).ready(function () {
        $("#"+ idFec).on("change", function () {
            var now = new Date();
            var birthdate = new Date($('#'+ idFec).val()); // Se Procede a calcular en base a la fecha
            var nowyear = now.getFullYear();
            var birthyear = birthdate.getFullYear();
            var age = nowyear - birthyear + 1;
            $('#' + idEdad).val(age);
        });
    });
}

Al ejecutar la función en el modo desarrollador me arroja el sgte error.

Uncaught Error: Syntax error, unrecognized expression: #[object HTMLInputElement]

Aqui coloco el codigo del llamado a traves del input.

 <div class="form-group col-md-6">
    <label>Fecha de Nacimiento:</label>
    <input id="FecNacVal" asp-for="MODEL_PACIENTE.PAC_FECHA_NAC" type="date" placeholder="FECHA NAC." class="form-control" onchange="ValidarFecha(FecNacVal,EdadVal)" [email protected](-5).ToString("yyyy-MM-dd") />
    <span asp-validation-for="MODEL_PACIENTE.PAC_FECHA_NAC" class="text-danger"></span>
</div>

Agradezco de su ayuda, indicando que estoy realizando de manera errónea.

introducir la descripción de la imagen aquí

2
  • Hola, puede mostrar el código donde llama esa función ValidarFecha(idFec, idEdad), me parece que ahí está el problema
    – rene
    Commented el 6 sept. 2021 a las 22:24
  • Actualice la pregunta para colocar el código
    – Carrobe90
    Commented el 7 sept. 2021 a las 1:19

1 respuesta 1

1

Ya entiendo cambia esto

 onchange="ValidarFecha('FecNacVal','EdadVal')"

ya que en el la función js estás esperando los id de los elementos,

en js tiene que cambiar esto


function ValidarFecha(idFec, idEdad) {
    var ver = $('#' + idFec).val();
    console.log(ver);
    var now = new Date();
    var birthdate = new Date($('#'+ idFec).val()); // Se Procede a calcular en base a la fecha
    var nowyear = now.getFullYear();
    var birthyear = birthdate.getFullYear();
    var age = nowyear - birthyear + 1;
    $('#' + idEdad).val(age);
}

Si se fija como en el html está asignando la función directo en el onchange ya dentro de su js no necesita volver a asignarlo por eso funciona a la segunda, xq la primara vez lo que hace es asignar el evento

4
  • Muchas gracias, pero ahora tengo otro problema, al realizar la selección de la fecha en primera instancia no me visualiza el resultado , vuelvo a escoger la fecha y ahí si, a que se debe o que podría estar erróneo? me puedes ayudar?
    – Carrobe90
    Commented el 7 sept. 2021 a las 1:59
  • Seguro, mira tienes que hacer varios cambios, voy a agrgarlo en la misma respuesta para no crear otra
    – rene
    Commented el 7 sept. 2021 a las 10:23
  • Muchas gracias, sos un héroe sin capa, un abrazo campeón!
    – Carrobe90
    Commented el 8 sept. 2021 a las 2:13
  • jajaja Por nada, me alegro que haya resuelto el problema
    – rene
    Commented el 8 sept. 2021 a las 2:32

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.