如何从Bootstrap Datepicker中的选定日期获取下一个日期

Question

我使用过Bootstrap DatePicker插件

点击here以检查该插件

我想知道如何从日期选择器中的所选日期获取下一个日期。

Answer 1

您需要使用javascript中的.setDate()功能，在使用日期选择器中的getDate提取所选日期后设置第二天的日期。

在这里检查我的工作小提琴：fiddle

Javascript / JQuery：

$('.datepicker').datepicker().on('changeDate', function() {
  var temp = $(this).datepicker('getDate');
  var d = new Date(temp);
  $('#currentdate').html("The selected date is :" + d);
  d.setDate(d.getDate() + 1);
  $('#tomorrowdate').html("The next date is :" + d);
});

<强> HTML：

<div class="input-group date datepicker" data-provide="datepicker">
  <input type="text" class="form-control">
  <div class="input-group-addon">
    <span class="glyphicon glyphicon-th"></span>
  </div>
</div>
<div id="currentdate">
</div>
<div id="tomorrowdate">
</div>