[SOLUCIONADO] sumar días a una fecha

tquezada · #1 (**permalink**) 28/06/2013, 12:58

hola a todos tengo una duda pero nose si sera este el foro correcto:

Quiero sumar 7 días a una fecha, tengo 2 campos de texto uno que al presionarlo, se despliega un calendario para escoger una fecha, lo que quiero es que al elegir una fecha cualquiera, en el otro campo de texto se sumen 7 días.
espero haberme explicado
Saludos a todos.
esta es la función para sumar los días

Código PHP:

Ver originalfunction dameFecha($fecha_f,$dia)
{   list($day,$mon,$year) = explode('/',$fecha_f);
    return date('d/m/Y',mktime(0,0,0,$mon,$day+$dia,$year));        
}
 
echo dameFecha(10/06/2013,7);

Italico76 · #2 (**permalink**) 28/06/2013, 13:20

Primera opcion: para hacerlo con PHP.... Ud arma un FORMULARIO y al darle "enviar" (submit), PHP toma el control, hace la suma de dias y entonces hace una redireccion con HEADER LOCATION a la pagina donde se mostraran los resultados

Segunda opcion: si calcula la nueva fecha y coloca el valor en el campo correspondiente con JavaScript, resuelve antes darle a "enviar"

La tercera posibilidad es un hibrido llamado "Ajax" que le permite enviar esa fecha al servidor el cual la procesa y se la devuelve con el incremento de 7 dias... ahi la ventaja es que resuelve la suma de fechas con su funcion en PHP pero es mas lindo que la primera opcion.

enlinea777 · #3 (**permalink**) 28/06/2013, 13:39

Cita:

Iniciado por tquezada

hola a todos tengo una duda pero nose si sera este el foro correcto:

Quiero sumar 7 días a una fecha, tengo 2 campos de texto uno que al presionarlo, se despliega un calendario para escoger una fecha, lo que quiero es que al elegir una fecha cualquiera, en el otro campo de texto se sumen 7 días.
espero haberme explicado
Saludos a todos.

TU RESPEUSTA: en javascript

el ejemplo en linea: http://creaelicita.cl/ayuda/foro_4459852.php

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />
 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/cupertino/jquery-ui.css" type="text/css" />
</head>
<body>
Fecha inicio:<br>
<input type="text" id="fecha_inicio" name="fecha_inicio" placeholder="dd-mm-yyyy"  onchange="recalcular_fecha_fin()"/><br />
Fecha fin:<br>
<input type="text" id="fecha_fin" name="fecha_fin" placeholder="dd-mm-yyyy"  />
<script>
    $(function() {
        $( "#fecha_inicio" ).datepicker({
            dateFormat: 'dd-mm-yy',
            changeMonth : true,
            changeYear : true,
        });
        $( "#fecha_fin" ).datepicker({
            dateFormat: 'dd-mm-yy',
            changeMonth : true,
            changeYear : true,
        });
    });
function recalcular_fecha_fin(){
// Ponemos la fecha
var sFecha =$("#fecha_inicio").val();
var aFecha = sFecha.split("-");
var Fecha = new Date(aFecha[2], aFecha[1], aFecha[0]);
var dias = 30; //los dias que quieres aumentar
Fecha.setTime(Fecha.getTime()+dias*24*60*60*1000); 
Fecha=Fecha.getDate()+"-"+Fecha.getMonth()+"-"+Fecha.getFullYear();
$("#fecha_fin").val(Fecha); 
}
</script>
 
</body>
</html>

P.D. Italico76 es mejor evitar recargar el navegador por cosas tan chicas
tquezada un saludo desde santiago

pzin · #4 (**permalink**) 28/06/2013, 13:43

Cita:

Iniciado por enlinea777

P.D. Italico76 es mejor evitar recargar el navegador por cosas tan chicas
tquezada un saludo desde santiago

No sé, cargar una librería entera de JavaScript es más pesado que recargar el navegador.

tquezada · #5 (**permalink**) 28/06/2013, 14:58

gracias a todos por responder.
el script de enlinea777 resulto a la perfección gracias por eso. pero como puedo dejar la nueva fecha con ceros, el resultado me sale así: 7/6/2013 y yo lo quiero así: 07/06/2013
saludos y gracias a los que me respondieron.

enlinea777 · #6 (**permalink**) 28/06/2013, 16:00

Cita:

Iniciado por pzin

No sé, cargar una librería entera de JavaScript es más pesado que recargar el navegador.

en lo personal
prefiero hacer esto que estar recargando y haciendo una recuperacion he impresion de datos cada que el usuario actualiza la fecha.
tambien es super engorroso estar esperando, que carge y recargue.
es mas facil cargar 80kb de mas y no recargar, pues es mas agradable para la navegacion, sin dejar delado que te ahorras muchas lineas de codigo.

tquezada esta es tu respuesta:

el ejemplo en linea: http://creaelicita.cl/ayuda/foro_4459852.php

Código HTML:

Ver original<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css" type="text/css" />
 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/cupertino/jquery-ui.css" type="text/css" />
</head>
<body>
Fecha inicio:<br>
<input type="text" id="fecha_inicio" name="fecha_inicio" placeholder="dd-mm-yyyy"  onchange="recalcular_fecha_fin()"/><br />
Fecha fin:<br>
<input type="text" id="fecha_fin" name="fecha_fin" placeholder="dd-mm-yyyy"  />
<script>
    $(function() {
        $( "#fecha_inicio" ).datepicker({
            dateFormat: 'dd-mm-yy',
            changeMonth : true,
            changeYear : true,
            beforeShowDay : function(date) {
            var day = date.getDate();
            return [true, (day < 10 ? "zero" : "")];
        }
        });
        $( "#fecha_fin" ).datepicker({
            dateFormat: 'dd-mm-yy',
            changeMonth : true,
            changeYear : true,
            beforeShowDay : function(date) {
            var day = date.getDate();
            return [true, (day < 10 ? "zero" : "")];
        }
        });
    });
function recalcular_fecha_fin(){
// Ponemos la fecha
var sFecha =$("#fecha_inicio").val();
var aFecha = sFecha.split("-");
var Fecha = new Date(aFecha[2], aFecha[1], aFecha[0]);
var dias = 7; //los dias que quieres aumentar
Fecha.setTime(Fecha.getTime()+dias*24*60*60*1000); 
var D=Fecha.getDate();
var M=Fecha.getMonth();
Fecha=(D<10?"0"+D:D)+"-"+(M<10?"0"+M:M)+"-"+Fecha.getFullYear();
$("#fecha_fin").val(Fecha); 
}
</script>
</body>
</html>

pzin · #7 (**permalink**) 28/06/2013, 16:32

Cita:

Iniciado por enlinea777

prefiero hacer esto que estar recargando y haciendo una recuperacion he impresion de datos cada que el usuario actualiza la fecha.
tambien es super engorroso estar esperando, que carge y recargue.
es mas facil cargar 80kb de mas y no recargar, pues es mas agradable para la navegacion, sin dejar delado que te ahorras muchas lineas de codigo.

Bueno, una cosa no quita la otra, que es a lo que voy; no hace falta cargar una librería entera para una operación tan simple. Puede hacerse con JavaScript a secas.

enlinea777 · #8 (**permalink**) 28/06/2013, 17:28

Cita:

Iniciado por pzin

Bueno, una cosa no quita la otra, que es a lo que voy; no hace falta cargar una librería entera para una operación tan simple. Puede hacerse con JavaScript a secas.

OK

y como le haces con el datepicker con javascript a secas?

Italico76 · #9 (**permalink**) 28/06/2013, 18:03

El datepicker ya viene incorporado en HTML5, ni idea que porcentaje de navegadores actualmente lo soportan pero esta muy bueno

Es como trivial ya el tema ese..... o lo sera pronto :)

tquezada · #10 (**permalink**) 01/07/2013, 10:16

Gracias a todos los que respondieron en especial a
enlinea777
Vale compadre por la ayuda me salvaste y de paso me enseñaste saludos desde Santiago.