Bootstrap Datepicker

http://stackoverflow.com/q/24981072/1093087

by Ritwika Das

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<div id="sandbox-container">
    <input type="text" type="text" class="form-control datepickstart" />
    <input type="text" type="text" class="form-control datepickend" />
    <input type="text" type="text" class="form-control datepickthird" />
</div>

JavaScript

var date = new Date();
     date.setDate(date.getDate()-1);
    $('.datepickstart').datepicker({
     autoclose: true,
     todayHighlight: true,
     format: 'dd/mm/yyyy',
      startDate: date
    });
    $('.datepickstart').datepicker().on('changeDate', function() {
    	var temp = $(this).datepicker('getDate');
  		var d = new Date(temp);
      d.setDate(d.getDate() + 1);
      $('.datepickend').datepicker({
     autoclose: true,
     format: 'dd/mm/yyyy',
     startDate: d
    }).on('changeDate', function() {
    	var temp1 = $(this).datepicker('getDate');
  		var d1 = new Date(temp1);
       d1.setDate(d1.getDate() + 1);
      $('.datepickthird').datepicker({
     autoclose: true,
     format: 'dd/mm/yyyy',
     startDate: d1
    });
    });
    });