bootstrap-datepicker fiddle

by BJ Hansen

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.19.1/moment.min.js"></script>
<div class="col-sm-12">
  <h4>
    Dates of Stay
  </h4>
</div>
<div class="col-sm-12">
  <div class="input-daterange input-group" id="datepicker">
	  <span class="input-group-addon">Dates</span>
		<div class="form-group">
		  <input class="form-control" id="start" name="start" type="text">
			<small class="text-danger"></small>
		</div>
		<span class="input-group-addon">to</span>
		<div class="form-group">
		  <input class="form-control" id="end" name="end" type="text">
			<small class="text-danger"></small>
		</div>
	</div>
</div>

JavaScript

//////////
/// Bootstrap Datepicker
/// https://github.com/uxsolutions/bootstrap-datepicker
//////////
$(function($) {

	var today = new Date();
	$('.input-daterange').datepicker({
			daysOfWeekHighlighted: "0,6",
	    autoclose: true,
	    todayHighlight: true,
			startDate: today,
      datesDisabled: ['10/1/2017','10/2/2017','10/3/2017','10/4/2017','10/5/2017','10/6/2017','10/7/2017','10/8/2017','10/9/2017','10/10/2017','10/11/2017','10/12/2017','10/13/2017','10/14/2017','10/15/2017','10/16/2017','10/17/2017','10/18/2017','10/19/2017','10/20/2017','10/21/2017','10/22/2017','10/23/2017','10/24/2017','10/25/2017','10/26/2017','10/27/2017','10/28/2017','10/29/2017','10/30/2017','10/31/2017'],
	});

});
// Set end date to minimum nights.
$('#start').on('change', function() {

	// Set minNights.
	minNights = 3;

	start = $('#start').datepicker('getDate');
  end = moment(start).add(minNights, 'day').toDate();
  $('#end').datepicker('update', end);

	$('.input-daterange').datepicker('setDatesDisabled', ['12/02/2017', '12/03/2017']);

});