javascript - jquery:使用两个带有两个字段(字段 1、字段 2 + 1 天)的日期选择器，例如 booking.com

Question

你怎么样？

我有两个带有两个字段的日期选择器

我希望当用户选择 (From) 时，第二个字段 (TO) 将是 next day 。比如 booking.com

例如:当用户选择From 01-01-2013 时，直接第二个字段TO 02-01-2013 (次日) ...

表格看这张图片

这是jquery的代码:

$(function() {
$( "#from" ).datepicker({
    defaultDate: "+1D",
    changeMonth: true,
    numberOfMonths: 1,
    dateFormat:"dd-mm-yy",
    minDate: "+1D",
    showOn: "button",
    buttonImage: "http://keith-wood.name/img/calendar.gif",
    buttonImageOnly: true , 

    onSelect: function(dateText, inst){
        var d = dateFormat(new Date(dateText + 1), "DD/MM/YYYY");
        $("#to").val(d);
    }

});

这是我的html代码:

<form method="get" action="">
        <input type="submit" value="choose"/>
        <p><input type="text" name="from" id="from" />From<br/>
        <input type="text" name="to" id="to" />To
        </p>
</br>

    </form>

怎么做？

Answer 1

onSelect: function(dateText, inst){
    var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText);
    d.setDate(d.getDate()+1);
    $("#to").val($.datepicker.formatDate(inst.settings.dateFormat, d));
}