title: jQuery date picker - Disable dates after the selection from the first date picker
body: <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;jQuery UI Datepicker - Default functionality&lt;/title&gt;
      &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
      &lt;script src="//code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
      &lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt;
  
      &lt;script&gt;
          $(function () {
              $("#datepicker1").datepicker();
          });
      &lt;/script&gt;
  
      &lt;script&gt;
          $(function () {
              $("#datepicker2").datepicker();
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;p&gt;Date 1: &lt;input type="text" id="datepicker1"&gt;&lt;/p&gt;
      &lt;p&gt;Date 2: &lt;input type="text" id="datepicker2"&gt;&lt;/p&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>There are two date pickers in my code here. What I want is to disable dates when I select a date from the first date picker. That is suppose if I select date like <code>15/01/2015</code> from the first date picker. Now in the second date picker all the dates after <code>15/01/2015</code> will be disabled. But the dates before <code>15/01/2015</code> will be enabled in the second date picker.</p>
  
  <p>How can I do that?</p>