Javascript 引导日期选择器自动填充结束日期

Javascript 引导日期选择器自动填充结束日期,javascript,jquery,twitter-bootstrap,datepicker,Javascript,Jquery,Twitter Bootstrap,Datepicker,我使用引导日期选择器来显示一个简单的日历范围选择器。到目前为止,一切都很好,但是我想要一些我似乎无法理解的附加功能 我想选择一个开始日期,然后自动填写结束日期(+10天) 我相信这是可能的,但我不明白 我创造了一个新的世界。非常感谢您的帮助 我的JS如下: $( document ).ready(function() { $('#sandbox-container .input-daterange').datepicker({ format: "dd/mm/yy",

我使用引导日期选择器来显示一个简单的日历范围选择器。到目前为止,一切都很好,但是我想要一些我似乎无法理解的附加功能

我想选择一个开始日期,然后自动填写结束日期(+10天)

我相信这是可能的,但我不明白

我创造了一个新的世界。非常感谢您的帮助

我的JS如下:

$( document ).ready(function() {
    $('#sandbox-container .input-daterange').datepicker({
        format: "dd/mm/yy",
        startDate: "0d",
        endDate: "+10d",
        todayBtn: "linked",
        clearBtn: true,
        multidateSeparator: " ",
        forceParse: false,
        daysOfWeekDisabled: "0,6",
        orientation: "top auto",
        todayHighlight: true,
        toggleActive: true
    });
});
<div class="col-md-5" id="sandbox-container">

<h2>Select borrow date</h2> 
    <div class="input-daterange input-group" id="datepicker">
        <input type="text" class="input-lg form-control" name="start" placeholder="borrow date" /> <span class="input-group-addon">to</span>
        <input type="text" class="input-lg form-control" name="end" placeholder="return date" />
    </div>
</div>
我的HTML如下所示

$( document ).ready(function() {
    $('#sandbox-container .input-daterange').datepicker({
        format: "dd/mm/yy",
        startDate: "0d",
        endDate: "+10d",
        todayBtn: "linked",
        clearBtn: true,
        multidateSeparator: " ",
        forceParse: false,
        daysOfWeekDisabled: "0,6",
        orientation: "top auto",
        todayHighlight: true,
        toggleActive: true
    });
});
<div class="col-md-5" id="sandbox-container">

<h2>Select borrow date</h2> 
    <div class="input-daterange input-group" id="datepicker">
        <input type="text" class="input-lg form-control" name="start" placeholder="borrow date" /> <span class="input-group-addon">to</span>
        <input type="text" class="input-lg form-control" name="end" placeholder="return date" />
    </div>
</div>

选择借用日期
到
您可以查看此链接

您必须在第一个日期选择器的更改功能中包含javascript

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

访问此链接..希望它能有所帮助[谢谢@TanyaSinha现在工作!如果你改变回答,我会接受!