<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script language="javascript" type="text⁄javascript">
<!--Esta funcion tiene que ir entre el tag <head> y </head>-->
function DiferenciaFechas (formulario) {
<!--Obtiene los datos del formulario
CadenaFecha1 = formulario.fecha1.value
CadenaFecha2 = formulario.fecha2.value
<!--Obtiene dia, mes y año
var fecha1 = new fecha( CadenaFecha1 )
var fecha2 = new fecha( CadenaFecha2 )
<!--Obtiene objetos Date
var miFecha1 = new Date( fecha1.anio, fecha1.mes, fecha1.dia )
var miFecha2 = new Date( fecha2.anio, fecha2.mes, fecha2.dia )
<!--Resta fechas y redondea
var diferencia = miFecha1.getTime() - miFecha2.getTime()
var dias = Math.floor(diferencia / (1000 * 60 * 60 * 24))
var segundos = Math.floor(diferencia / 1000)
alert ('La diferencia es de ' + dias + ' dias, o ' + segundos + ' segundos.')
return false
}
function fecha( cadena ) {
<!--Separador para la introduccion de las fechas
var separador = "/"
<!--Separa por dia, mes y año
if ( cadena.indexOf( separador ) != -1 ) {
var posi1 = 0
var posi2 = cadena.indexOf( separador, posi1 + 1 )
var posi3 = cadena.indexOf( separador, posi2 + 1 )
this.dia = cadena.substring( posi1, posi2 )
this.mes = cadena.substring( posi2 + 1, posi3 )
this.anio = cadena.substring( posi3 + 1, cadena.length )
} else {
this.dia = 0
this.mes = 0
this.anio = 0
}
}
</script>
</head>
<body>
<p>Introduzca las fechas a restar en los campos del siguiente formulario.
<b>Fecha 1<⁄b> debe ser posterior a <b>Fecha 2<⁄b>. El formato de fecha
a utilizar es dd⁄mm⁄aaaa. Este ejemplo no realiza valiación alguna sobre
las fechas introducidas, por lo que si se introducen fechas incorrectas,
devolverá un resultado incorrecto.<⁄p>
<div class="recuadro3">
<form method="post" name="datosFechas" onSubmit="return DiferenciaFechas(this)">
<p>Fecha 1 <input type="text" name="fecha1" size="12"><⁄p>
<p>Fecha 2 <input type="text" name="fecha2" size="12"><⁄p>
<p><input type="submit" name="Submit" value="Restar"><⁄p>
<⁄form>
<⁄div>
</body>
</html>