Calcular Fecha de Finalizacion

el_cesar · #1 (**permalink**) 12/06/2015, 09:46

Tengo tres campos en un formulario, dos son calendarios que funcionan con javascript y el otro es un input text que recibe un dato numerico, lo que necesito es, que cuando ponga la fecha inicial en campo1 y el numero de dias en campo 2, campo 3 se actualice inmediatamente mostrando la fecha final que debe resultar de la suma de la fecha inicial + el numero de dias.

alguien sabe como lo puedo hacer.

Gracias.

marlanga · #2 (**permalink**) 12/06/2015, 09:50

Para empezar, supongo que eso lo querrás hacer en el lado del cliente mediante javascript, y no en el servidor con php tras una llamada ajax del lado del cliente.

jpint · #3 (**permalink**) 12/06/2015, 09:58

Lo unico que debes de hacer es llamarcon el evento onchange() del input a una funcion que obtenga el valor de la fecha inicial y los dias a sumar, y que luego sume esos dias.

Puedes encontrar muchas funciones javascript ya hechas con esa funcionalidad, yo he encontrado esta aqui http://www.lawebdelprogramador.com/c...l-sistema.html :

Código PHP:

  <html>

 

<head>

<script type="text/javascript">

/**

 * Funcion que devuelve la fecha actual y la fecha modificada n dias

 * Tiene que recibir el numero de dias en positivo o negativo para sumar o

 * restar a la fecha actual.

 * Ejemplo:

 *  mostrarFecha(-10) => restara 10 dias a la fecha actual

 *  mostrarFecha(30) => añadira 30 dias a la fecha actual

 */

function mostrarFecha(days){

    milisegundos=parseInt(35*24*60*60*1000);

 

    fecha=new Date();

    day=fecha.getDate();

    // el mes es devuelto entre 0 y 11

    month=fecha.getMonth()+1;

    year=fecha.getFullYear();

 

    document.write("Fecha actual: "+day+"/"+month+"/"+year);

 

    //Obtenemos los milisegundos desde media noche del 1/1/1970

    tiempo=fecha.getTime();

    //Calculamos los milisegundos sobre la fecha que hay que sumar o restar...

    milisegundos=parseInt(days*24*60*60*1000);

    //Modificamos la fecha actual

    total=fecha.setTime(tiempo+milisegundos);

    day=fecha.getDate();

    month=fecha.getMonth()+1;

    year=fecha.getFullYear();

 

    document.write("Fecha modificada: "+day+"/"+month+"/"+year);

}

</script>

 

<body onload="mostrarFecha(-1);">

</body>

 

</html>

el_cesar · #4 (**permalink**) 22/06/2015, 09:58

Gracias Jpint, la verdad apenas hasta ahora puedo ver el mensaje, precisamente esto es lo que necesito, sin embargo, nunca he trabajado a fondo con Javascript y no se como manejar los campos, es decir, como puedo manejar este script con variables obtenidas desde un formulario y no constante asi como esta ahora.

jpint · #5 (**permalink**) 29/06/2015, 05:46

Y que tipo de campos utilizas para construir el calendario? Utilizas alguna librería en concreto??

Supongo que utilices lo que utilices te serviría hacer algo así:

Código PHP:

  <html>
<!-- campos fecha inicio -->
<input type="text" id="fecha_inicio" onchange="calcularFechaFin()" value="" />
<!-- campos fecha fin -->
<input type="text" id="dias" onchange="calcularFechaFin()" value="0">
<!-- campos fecha fin -->
<input type="text" id="fecha_fin" value = "" />

<script>
function calcularFechaFin(){
    //recojo la fecha de inicio
    var f_ini = document.getElementById("fecha_inicio").value;
    //recojo los dias a sumar
    var dias = document.getElementById("dias").value;

    //realiza el calculo
    var f_fin = calcularFecha(dias, f_ini);

    //actualiza el valor de fecha fin
    document.getElementById("fecha_fin").value = f_ini;
}



function calcularFecha(d, fecha)
{
     var Fecha = new Date();
     var sFecha = fecha || (Fecha.getDate() + "/" + (Fecha.getMonth() +1) + "/" + Fecha.getFullYear());
     var sep = sFecha.indexOf('/') != -1 ? '/' : '-'; 
     var aFecha = sFecha.split(sep);
     var fecha = aFecha[2]+'/'+aFecha[1]+'/'+aFecha[0];
     fecha= new Date(fecha);
     fecha.setDate(fecha.getDate()+parseInt(d));
     var anno=fecha.getFullYear();
     var mes= fecha.getMonth()+1;
     var dia= fecha.getDate();
     mes = (mes < 10) ? ("0" + mes) : mes;
     dia = (dia < 10) ? ("0" + dia) : dia;
     var fechaFinal = dia+sep+mes+sep+anno;
     return fechaFinal;
}

</script>
</html>