Bootstrap Datepicker nextday date

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/css/bootstrap-datepicker.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.0/js/bootstrap-datepicker.min.js"></script>
<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>

CSS

.container {
  margin-top: 10px;
}

JavaScript

$('.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);
});