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>