<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" dir="ltr" lang="es" ><head>
<meta http-equiv="Content-Style-Type" content="text/css" charset=utf-8 >
<script type="text/javascript">
function calculate(){
document.getElementById("res_area").style.visibility="visible";
var dt=document.getElementById("from_date").value;
var dtt=document.getElementById("to_date").value;
var dat=new Date(dt);
var today=new Date(dtt);
var diff=Math.ceil((today.getTime()-dat.getTime())/(1000*60*60*24));
document.getElementById("result1").value=diff;
}
</script>
<div id="input">
<tr><td colspan="2" align="center" valign="top" id="title"><h2> Fecha de cálculo de la diferencia</h2></td></tr>
<tr><td valign="top"><label>Desde la fecha </label></td><td><input type="text" id="from_date" name="from_date" value="">
</label>
<br />
<br /> </td></tr><label>Hasta la fecha</label></td><td><input type="text"
id="to_date" name="from_date1" value="" size="20">
</label>
<br />
<br /> </td></tr>
<tr><td align="center"></td><td><input type="button" value="Calcular" id="button" onClick="calculate()"></td><td></td></tr>
<script type="text/javascript">
var s=new Date();
document.getElementById("to_date").value=(s.getMonth()+1)+'/'+s.getDate()+'/'+s.getFullYear();
document.getElementById("from_date").value=(s.getMonth()+1)+'/'+s.getDate()+'/'+(s.getFullYear()-1);
</script>
<br />
<br />
<div id="res_area" style="width:90%">
<tr><td class="style1"><label>Fecha de diferencia</label></td><td class="style1"> <input type="text" disabled="disabled" class="result" id="result1" size="2" /> <label id="unit">Días</label></td></tr>
</div>
</div>
<script type="text/javascript">
for(i=1;i<=20;i++){
try{
var re=document.getElementById("result"+i);
re.disabled=false;
}
catch(e){
break;
}
}
</script>
</td></tr>
</table>
<br />
</td>
</td>
</tr>
</table>
</div>
</div>
</div>
</body></html>