jQuery UI 日期选择器添加天数

Question

我正在尝试创建一些范围系统来在酒店网站上预订房间，并且我正在使用 jQuery UI Datepicker 来允许用户选择他们的入住日期。然后我想做的是创建另一个简单的“过夜数”字段，并让 jQuery Datepicker 获取入住日期，添加过夜数，并将结果日期设置为隐藏输入的值(在正确的日期中)格式)。它看起来像这样:

<input type="text" name="arrivalDate" class="datepicker">
<input type="text" name="numOfNights">
<input type="hidden" name="departureDate" value="arrivalDate + number of nights">

这可能吗？提前致谢。

(注意:我将通过此表单“获取”的数据库有点不稳定，除了一些可查询的值之外，我无法访问它。)

Answer 1

以上可以通过以下代码实现 -

 $('input[name="arrivalDate"]').datepicker({

     //your other configurations.     

     onSelect: function(){
     var start = $('input[name="arrivalDate"]').val();
     var nights = $('input[name="numOfNights"]').val();
     var date = new Date(start);
     var d = date.getDate();
     var m = date.getMonth();
     var y = date.getFullYear();
     var edate= new Date(y, m, d+nights);
     $('input[name="departureDate"]').val(edate);
    }
 });