0

espero me puedan ayudar a revisar el script de mi código, ya que quiero que al escribir la fecha de inicio y de final me de la cantidad de días trabajados, pero no me imprime nada. base a estereferencia 2

Gracias.

function dif() {
  var fechaI = new Date(document.getElementById("FechaI").value);
  var fechaF = new Date(document.getElementById("FechaFin").value);
  var tiempo = fechaF.getTime() - fechaI.getTime();
  console.log(fechaI);
  var dias = Math.floor(tiempo / (1000 * 60 * 60 * 24));
  document.getElementById("Tiempo").innerHTML = dias;
  document.getElementById("Tiempo").value = dias;

};
<input type="Date" onchange="dif()" onblur="dif()" id="FechaI" name="FechaInicio" data-inputmask="'alias': 'yyyy/MM/dd'" data-mask required/>
<input type="Date" onchange="dif()" onblur="dif()" id="FechaFin" name="FechaFin" data-inputmask="'alias': 'yyyy/mm/dd'" />
 <input id="Tiempo" name="Tiempo" value="" >

2 respuestas 2

1

No utilices innerHTML sino value, así:

  document.getElementById("Tiempo").value = dias;

Aquí también dan respuesta a tu pregunta.

function dif() {
  var fechaI = new Date(document.getElementById("FechaI").value);
  var fechaF = new Date(document.getElementById("FechaFin").value);
  var tiempo = fechaF.getTime() - fechaI.getTime();
  console.log(fechaI);
  var dias = Math.floor(tiempo / (1000 * 60 * 60 * 24));
  document.getElementById("Tiempo").value = dias;

};
<input type="Date" onchange="dif()" onblur="dif()" id="FechaI" name="FechaInicio" data-inputmask="'alias': 'yyyy/MM/dd'" data-mask required/>
<input type="Date" onchange="dif()" onblur="dif()" id="FechaFin" name="FechaFin" data-inputmask="'alias': 'yyyy/mm/dd'" />
 <input id="Tiempo" name="Tiempo" value="" >

2
  • ya lo cambie y no
    – Maria
    Commented el 15 feb. 2022 a las 5:14
  • Modifiqué tu código, funciona. Ejecuta el snipet de arriba porfa.
    – edalvb
    Commented el 15 feb. 2022 a las 5:23
0

https://stackoverflow.com/questions/3224834/get-difference-between-2-dates-in-javascript

parece que tu pregunta se respondio aqui.

const date1 = new Date('7/13/2010');
const date2 = new Date('12/15/2010');
const diffTime = Math.abs(date2 - date1);
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24)); 
console.log(diffTime + " milliseconds");
console.log(diffDays + " days");

Solo valida que este llegando correctamente los datos de tus campos inputs

3
  • no es precisamente lo que necesito ya que yo quiero que me lo mande en otro input
    – Maria
    Commented el 14 feb. 2022 a las 23:36
  • Solo para no descartar recuerdo que una vez me sucedia que no podia ponerle valor a un elemento disabled, puede ponerselo de nuevo luego de que le asignes el valor.
    – user33999
    Commented el 14 feb. 2022 a las 23:58
  • ya quite el disabled y no mando nada
    – Maria
    Commented el 15 feb. 2022 a las 4:47

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.