Javascript: Cómo sumarle días a una fecha

jquery-calendar

A continuación les muestro un ejemplo donde utilizo dos datepickers de jquery para demostrar cómo sumarle días a una fecha. Cuando selecciono una fecha en el primer date picker, el segundo se actualiza con una fecha siete días después de la fecha en que se ha seleccionado el primero. Los detalles de cómo se hace los dejo comentado en el código. Mira el demo en este enlace.

<!DOCTYPE html>
<html>
<head>
 <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

 <script>
 $(document).ready(function() {
 $("#datepicker").datepicker({
 onSelect: function(dateText, inst){
 //604800000 Es el equivalente en milisegundos a 7 días. Se obtiene multiplicando 24 horas por 60 minutos
 //por 60 segundos por 1000 milisegundos por la cantidad de días deseada
 var p = new Date(Date.parse(dateText) + 604800000);
 //p cotiene la nueva fecha. Ahora la desbaratamos en un valor string en formato mm/dd/aaaa
 var curr_date = p.getDate();
 var curr_month = p.getMonth();
 //Date.getMonth() me devuelve los meses del 0 al 11, así que hay que aumentarle 1 para obtener el mes real
 curr_month++;
 var curr_year = p.getFullYear();
 //armamos nuestro nuevo string para ajustar el valor del segundo datepicker
 var newdate = curr_month + "/" + curr_date + "/" + curr_year;
 $("#datepicker2").datepicker("setDate", newdate);
 }
 });

 $("#datepicker2").datepicker();
 });
 </script>
</head>
<body style="font-size:62.5%;">
<div type="text" id="datepicker"></div>
<div type="text" id="datepicker2"></div>
</body>
</html>

Leave a Reply

Tu dirección de correo electrónico no será publicada.