Hola tengo una pagina en la que necesito hacer un calculo de diferencia de días entre dos fechas. Les muestro mi código y explico entre lineas.
detalle.php
Código:
function restaFechas() {
f1 = document.getElementById("inputField1").value;
f2 = document.getElementById("vcto").value;
var aFecha1 = f1.split('/');
var aFecha2 = f2.split('/');
var fFecha1 = Date.UTC(aFecha1[2],aFecha1[1]-1,aFecha1[0]);
var fFecha2 = Date.UTC(aFecha2[2],aFecha2[1]-1,aFecha2[0]);
var dif = fFecha2 - fFecha1;
var dias = Math.floor(dif / (1000 * 60 * 60 * 24));
document.getElementById("dias_dif").value = dias;
//return dias;
}
Esta función en principio deberá coger el valor de esos elementos que están en el formulario más abajo.
Código:
<table>
<tr>
<td>Vencimiento: </td>
<td><input type="text" name="vcto" id="vcto" value="<?=$vcto?>" size="8" disabled="disabled" onload="javascript:restaFechas();" /></td>
</tr>
<tr>
<td>Fecha Pago: </td>
<td><input type="text" name="fec_pago" id="inputField1" size="8" onblur="javascript:restaFechas();" /></td>
</tr>
<tr>
<td>Días: </td>
<td><input type="text" name="dias_dif" id="dias_dif" size="4" /></td>
<tr>
</table>
En el código tengo esto en el primer input trea una fecha desde php en una consulta SQL del tipo dd/mm/aaaa y en el otro caso yo genero la fecha desde otro javascript para escoger fechas, que también se selecciona en el mismo formato. Al quitar el foco de mi input el resultado en dia_dif sale
NaN. Sin embargo si vuelvo a seleccionar la fecha de pago escogiendo el mismo día entonces si me calcula.
¿Cómo puedo hacer para el calculo de haga desde la primera opción?