Problema de diferencia de fechas

sefirotxx · #1 (**permalink**) 22/11/2012, 18:03

Muchachos estoy haciendo una tarea de la U y he llegado al limite, he logrado validar todo con javascript ( he aprendido mucho ) pero esta diferencia con fechas me esta matando. He averiguado harto y llegue a esta solucion:

Código:

if (bVal == true){
 
  var spanRes = document.getElementById('resultado');
  var resDias = ((fAno - iAno ) * 365) + ((fMes - iMes) * 12) + (fDia - iDia);
  var resHoras = (fHora - iHora);
  var res = "La diferencia es "+resDias+" dias y "+resHoras+" horas";
  spanRes.innerHTML = res;
  }

Donde capture la fecha y horas en textbox y luego separe campo por campo para hacer validaciones y aca para el calculo final, con este metodo con la fecha no tengo problema (validando todo bien) pero el tema de la hora me esta matando, ya que cuando la fecha de inicio es menor a la fecha de termino supongamos en 1 dia y la hora de inicio es mayor a la de termino no puedo hacer ese calculo que le restaria al dia horas.
Busque y busque y encontre algo que supuestamente lo solucionaria, y llegue a esto:

Código:

if (bVal == true){
  
  var fechaInicio = new Date(iAno,iMes,iDia,iHora,iMin,00);
  var fechaTermino = new Date(fAno,fMes,fDia,fHora,fMin,00);
  var resDate = fechaTermino.getTime() - fechaInicio.getTime();
  
  var res = "La diferencia es "+resDate+" noses (ya que no se que resultado daría) ";
  spanRes.innerHTML = res;
  }

Jaja supuestamente transformando todo a formato date() podria hacer el calculo de forma instantanea, pero no me funciona :( .. por fis una ayudita no quiero quedar con la duda, por que hasta el momento entregare mi tarea con la primera opcion ^^

emprear · #2 (**permalink**) 22/11/2012, 22:59

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Diferencia entre 2 fechas con dias horas y minutos</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript">
//<![CDATA[
 var fecha_1 = new Date("12/25/2013 11:00:00");
 var fecha_2 = new Date("12/25/2011 16:23:00");
 var difMs = (fecha_2 - fecha_1); // diferencia en milisegundos entre las dos fechas
 var difDias = Math.round(difMs / 86400000); // cantidad de dias
 var difHoras = Math.round((difMs % 86400000) / 3600000); // cantidad de horas
 var difMinutos = Math.round(((difMs % 86400000) % 3600000) / 60000); // cantidad de minutos
 
// Si la fecha 2 es menor que la fecha uno, la diferencia es negativa
// convertimos a un valor absoluto
 if(difDias < 0){
difDias = difDias * (-1);
difHoras = difHoras * (-1);
difMinutos = difMinutos * (-1);
}
window.onload= function(){
document.getElementById('diferencia').innerHTML = difDias + " días, " + difHoras + " horas, " + difMinutos + " minutos";
}
//]]>
</script>
</head>
<body>
<p>La diferencia entre las fechas es: <span id="diferencia"><!-- valor diferencia --></span></p>
</body>
</html>

Salu2

sefirotxx · #3 (**permalink**) 23/11/2012, 07:51

Muy bueno, no sabia que todo lo convertía a mili segundos ni que tenia ese formato, lo he adecuado para que cada día ponerlo en el formato ese pero aun tenia problemas con la hora cuando por ejemplo la fecha de inicio y la fecha de termino había diferencia de un día y la hora de inicio era mayor a la hora de termino siendo la diferencia solo horas... bueno eso lo solucione con esto

Código:

if (f.txf_inicio.value < f.txf_termino.value && f.txh_inicio.value > f.txh_termino.value){
		difDias = difDias - 1;
	}

Gracias por tu ayuda desinteresada, he aprendido un poco mas contigo