cómo agregar un día a una fecha usando jquery datepicker

Question

Tengo 2 cuadros de texto en mi sitio para la fecha de retiro y la fecha de entrega usando el selector de fecha jquery.

Tengo problemas para configurar el valor de la fecha de entrega un día antes de la fecha de recolección que se seleccionó.

Aquí es lo que tengo:

$('.pickupDate').change(function() { 
    var date2 = $('.pickupDate').datepicker('getDate', '+1d'); 
    $('.dropoffDate').datepicker('setDate', date2); 
}); 

Lo anterior se ejecutará pero el valor de la bajada de texto coincidirá con el valor de arranque en lugar de ser un día antes. por ejemplo: si selecciono 01-01-2010, el código anterior regresa 01-01-2010 en el cuadro de entrega en lugar de 02-01-2010.

¿Alguna idea?

Gracias por su ayuda, Rich

Answer 1

Prueba esto:

$('.pickupDate').change(function() { 
    var date2 = $('.pickupDate').datepicker('getDate', '+1d'); 
    date2.setDate(date2.getDate()+1); 
    $('.dropoffDate').datepicker('setDate', date2); 
}); 

Answer 2

El selector de fechas ('setDate') establece la fecha en el datepicket no en la entrada.

Debe agregar la fecha y configurarla en la entrada.

var date2 = $('.pickupDate').datepicker('getDate'); 
var nextDayDate = new Date(); 
nextDayDate.setDate(date2.getDate() + 1); 
$('input').val(nextDayDate); 

Answer 3

Esta respuesta realmente me ayudó a empezar (novato) -, pero me encontré con un comportamiento extraño cuando me puse una fecha de inicio del 31/12/2014 y añadió 1 por defecto la fecha de finalización. En lugar de darme una fecha de finalización del 01/01/2015, me estaba dando el 02/01/2015 (!!!). Esta versión analiza los componentes de la fecha de inicio para evitar estas rarezas de fin de año.

---

$("#date_start").datepicker({ 

    minDate: 0, 
    dateFormat: "mm/dd/yy", 

    onSelect: function(selected) { 
     $("#date_end").datepicker("option","minDate", selected); // mindate on the End datepicker cannot be less than start date already selected. 
     var date = $(this).datepicker('getDate'); 
     var tempStartDate = new Date(date); 
     var default_end = new Date(tempStartDate.getFullYear(), tempStartDate.getMonth(), tempStartDate.getDate()+1); //this parses date to overcome new year date weirdness 
     $('#date_end').datepicker('setDate', default_end); // Set as default       
    } 

}); 

$("#date_end").datepicker({ 

    minDate: 0, 
    dateFormat: "mm/dd/yy", 

    onSelect: function(selected) { 
    $("#date_start").datepicker("option","maxDate", selected); // maxdate on the Start datepicker cannot be more than end date selected. 

    } 

});