0

Necesito que cuando se le agregue un dato a un input, este al momento le sume el día a una fecha. Tengo el siguiente código, el cual hace la acción de sumar el día, pero en este caso es en un <button>.

function calcular() {
    
    var numero = document.getElementById('numero');

    var Fecha = new Date();
    y = Fecha.getFullYear();
    m = Fecha.getMonth() + 1;
    d = Fecha.getDate();
    var dias = parseInt(numero.value);
    Fecha.setDate(Fecha.getDate() + dias);
    resultado.innerText = Fecha.getDate() + '/' +
            (Fecha.getMonth() + 1) + '/' + Fecha.getFullYear();
}
<input type="text" id="numero"/>
  <button onclick="calcular()">Calcular</button>
</p>
<p>Resultado: <span id="resultado"></span></p>

1 respuesta 1

1

Lo que puedes hacer es simplemente ejecutar la función por medio del evento change aplicado al input, este evento lo que hace es identificar el cambio de valor y ejecutar la función.

function calcular() {
    var numero = document.getElementById('numero');

    var Fecha = new Date();
    y = Fecha.getFullYear();
    m = Fecha.getMonth() + 1;
    d = Fecha.getDate();
    var dias = numero.value == '' ? 0 : parseInt(numero.value);
    
    Fecha.setDate(Fecha.getDate() + dias);
    resultado.innerText = Fecha.getDate() + '/' +
            (Fecha.getMonth() + 1) + '/' + Fecha.getFullYear();
}
<input type="text" id="numero"/ onchange="calcular()">

<p>Resultado: <span id="resultado"></span></p>

También podrías usar otros eventos como keyup o keydown dependiendo el resultado exacto que desees.

function calcular() {
    var numero = document.getElementById('numero');

    var Fecha = new Date();
    y = Fecha.getFullYear();
    m = Fecha.getMonth() + 1;
    d = Fecha.getDate();
    var dias = numero.value == '' ? 0 : parseInt(numero.value);
   
    Fecha.setDate(Fecha.getDate() + dias);
    resultado.innerText = Fecha.getDate() + '/' +
            (Fecha.getMonth() + 1) + '/' + Fecha.getFullYear();
}
<input type="text" id="numero"/ onkeyup="calcular()">

<p>Resultado: <span id="resultado"></span></p>

Adicional a todo esto agregué una validación a tu variable dias para evitar que te salga NAN en el resultado.

3
  • Gracias, en base a tu respuesta, logre solucionarlo, pero me toco que tambien añadir un .onkeyup . Commented el 9 sept. 2019 a las 22:19
  • @Lux686ЮЮЯ genial, también te hice un ejemplo con el onkeyup y te agregué una pequeña validación, te invito a finalizar la pregunta marcando la respuesta como aceptada para que sea de ayuda a otros desarrolladores Commented el 9 sept. 2019 a las 22:20
  • No hay problema, Gracias! Commented el 9 sept. 2019 a las 22:25

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.