jQuery 日期选择器，选择日期后添加一定的天数

Question

一旦用户从日期选择器中选择了日期，我想添加 41 天。

<script language="javascript">
$(document).ready(function() { 

$("#startdate").datepicker({    dateFormat: 'd/m/y'});

    $('#startdate').datepicker({
        onSelect: function(dateStr) {
            var nights = parseInt($('#numofdays').val());
            var depart = $.datepicker.parseDate('d/m/y', dateStr);
            depart.setDate(depart.getDate('d/m/y') + nights);
            $('#calc').val(depart);
         }
    });




});
</script> 


Start: <input type="text" id="startdate" class="datepicker"><br />
<input type="hidden" id="numofdays" value="41"><br />
Calc: <input type="text" id="calc">

Answer 1

您可能只需要在同一个启动函数中组合选项：

$("#startdate").datepicker({
    dateFormat: 'd/m/y',
    onSelect: function(dateStr, inst) {
        var nights = parseInt($('#numofdays').val());
        var depart = $.datepicker.parseDate('d/m/y', dateStr);
        depart.setDate(depart.getDate('d/m/y') + nights);
        $('#calc').val(depart.toLocaleDateString());
    }
});

请参阅实际操作：http://jsfiddle.net /william/L9Szd/。

Answer 2

$('#startdate').datepicker('getDate') 将返回一个 Date 对象

d = $('#startdate').datepicker('getDate');
d.setDate(d.getDate()+nights); // add int nights to int date
alert(d);

添加 d.getDate() 和 nights 将跳转时间向前。因此，如果 9/16/2011 + 41 天，您将得到 10/25/2011

Answer 3

如果用户选择一个日期，然后该框显示的是 41 天后的日期，而不是我选择的日期，这似乎很奇怪。为什么不使用 PHP 在服务器端添加此内容呢？

$date_string = date('Y-m-d', strtotime('+41 days', strtotime($_POST['date_input'])));

Answer 4

这是我发现执行此操作的唯一简单方法：

将日期设置为所选日期之前 41 天：

1.从日期选择器字段中获取所选日期

var newdate = new Date($("#datepicker_date_field_1").datepicker("getDate"));

2.增加从上面获得的日期

newdate.setDate(newdate.getDate() + 41);

3.将新形成的日期分配给另一个日期（或相同）日期选择器字段

$("#datepicker_date_field_2").datepicker("setDate",newdate);