Problema a sacar diferencia de fechas con javascript en tiempo real


26 de Agosto del 2017

Hola comunidad

Tengo un problema al sacar  una diferencia de fechas en dias con javascript, ya que no se mucho del tema, y me gustaria que me ayudaran explico paso por paso mi error con las fechas.

 

primero escribo las fechas en dos input con un onmouseup :

Fecha Inicio:

<input type="Date" onmouseup="dif()" id="FechaI" name="FechaInicio" data-inputmask="'alias': 'yyyy/MM/dd'" data-mask required/>

Fecha fin : 

<input type="Date" onmouseup="dif()" id="FechaFin" name="FechaFin" data-inputmask="'alias': 'yyyy/mm/dd'" />

ahora llamo esos datos en mi codigo javascript:

<script tye="text/javascript" >
function dif(){
var fechai = new Date(document.getElementById("FechaI"));
var fechaF = new Date(document.getElementById("FechaFin"));
var tiempo = fechai.getTime() - fechaF.getTime();
var dias = Math.floor(tiempo / (1000 * 60 * 60 * 24));

document.getElementById("Tiempo").innerHTML = dias;
};

</script>

Finalmente deberia imprimirlos en tiempo real en mi input, lo cual no hace:

<input id="Tiempo" name="Tiempo" value="" disabled/>

 

Agradesco su ayuda de antemano