title: Bootstrap datepicker date range from and to
body: <p>I have a problem related to bootstrap3 datepicker, this is my code:</p>
  
  <pre><code>$(document).ready(
      /* This is the function for multi datepicker */
      function () {
          $(document).on('focus',".datepickers", function(){
              $("#searchByCreateDate").datepicker({
                  endDate : new Date(), 
                  beforeShow : function()
                  {
                      $(this).datepicker({maxDate: 0});
                  },
                  autoclose:true,
                  altFormat: 'yy-mm-dd', 
                  format: 'yyyy-mm-dd'
              });
              $("#searchByToDate").datepicker({
                  endDate : new Date(), 
                  beforeShow : function()
                  {
                      $(this).datepicker('option','startDate', $('#searchByCreateDate').val() );
                  }, 
                  altFormat: "yy-mm-dd", 
                  format: 'yyyy-mm-dd',
                  autoclose:true
               });
           }); 
      }
  );
  </code></pre>
  
  <p>I have two datepickers - one for <code>from date</code> and second for <code>to date</code>. My requirement is when user selects <code>from date</code> then <code>to date</code> starts with <code>from date</code> and previous dates are hidden and in <code>to date</code> user can only select next three months in single time.</p>