cách thêm ngày vào ngày bằng cách sử dụng bộ đếm ngày tháng jquery

Question

Tôi có 2 hộp văn bản trên trang web của tôi cho ngày bắt và ngày tải xuống cả bằng cách sử dụng bộ chọn ngày tháng jquery.

Tôi đang gặp sự cố khi đặt giá trị ngày hủy bỏ là một ngày trước ngày nhận được chọn.

Dưới đây là những gì tôi có:

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

trên sẽ thực hiện nhưng giá trị trong thả ra textbox sẽ khớp với giá trị bán tải thay vì một ngày nào đó ở phía trước. ví dụ: nếu tôi chọn 01-01-2010 thì mã trên trả về 01-01-2010 trong hộp thả ra thay vì ngày 02-01-2010.

Mọi suy nghĩ?

Nhờ sự giúp đỡ của bạn, Giàu

Answer 1

Hãy thử điều này:

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

Answer 2

Các datepicker ('setDate') thiết lập ngày trong datepicket không có trong đầu vào.

Bạn nên thêm ngày và đặt ngày đó vào đầu vào.

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

Answer 3

Câu trả lời này thực sự đã giúp tôi bắt đầu (noob) - nhưng tôi gặp phải một số hành vi lạ khi tôi đặt ngày bắt đầu là ngày 31/12/2014 và thêm +1 vào ngày kết thúc mặc định. Thay vì cho tôi một ngày kết thúc ngày 01/01/2015 tôi đã nhận được ngày 02/01/2015 (!!!). Phiên bản này phân tích các thành phần của ngày bắt đầu để tránh những kỳ quặc cuối năm này.

---

$("#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. 

    } 

});