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

我使用引导日期选择器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>

来源

2015-05-01 johnny_s

访问这个link..hope它可以帮助的JavaScript [HTTP：//计算器.com/questions/2021788/how-to-add-a-day-to-date-using-jquery-datepicker] –

谢谢@TanyaSinha现在就工作！如果你改变回答，我会接受！ –

您可以检查此链接 Datepicker using jquery

你必须包括第一日期选择器的变化机能的研究

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

来源

2015-05-02 04:57:58

如何在上面的代码中应用此脚本？ –

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

回答

相关问题