我正在使用 Bootstrap Datepicker here为了显示一个简单的日历范围选择器。到目前为止一切都运行良好,但是我想要一些我似乎无法弄清楚的附加功能。
我想选择一个开始日期,然后自动填写结束日期(+10 天)。
我确信这是可能的,但我无法弄清楚。
我创建了一个Fiddle 。非常感谢任何帮助。
我的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
});
});
我的HTML如下;
<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>
最佳答案
您可以查看此链接 Datepicker using jquery
您必须在第一个日期选择器的更改功能中包含 JavaScript
$('firstdatepicker').change(function() {
var date2 = $('firstdatepicker').datepicker('getDate', '+1d');
date2.setDate(date2.getDate()+1);
$('seconddatepicker').datepicker('setDate', date2);
});
关于javascript - Bootstrap日期选择器自动填充结束日期,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29984862/