title: Disable date before current date in JQuery UI datepicker
body: <p>I want to disable the date before current date in date picker. How to do this?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    var $dp1 = $("#datepicker1");
    $(document).ready(function() {
      $dp1.datepicker({
        changeYear: true,
        changeMonth: true,
        dateFormat: "yy-m-dd",
        yearRange: "-100:+20",
      });
    });
  });
  
  $(function() {
    var $dp2 = $("#datepicker2");
    $(document).ready(function() {
      $dp2.datepicker({
        changeYear: true,
        changeMonth: true,
        yearRange: "-100:+20",
        dateFormat: "yy-m-dd",
      });
    });
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>p.pfield-wrapper input {
    float: right;
  }
  p.pfield-wrapper::after {
    content: "\00a0\00a0 "; /* keeps spacing consistent */
    float: right;
  }
  p.required-field::after {
    content: "*";
    float: right;
    margin-left: -3%;
    color: red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"/&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;p class="pfield-wrapper required-field"&gt;
    &lt;label&gt;Start Date&lt;/label&gt;
    &lt;input id="datepicker1" type="text" name="s" style="width:155px;" required value=""&gt;
  &lt;/p&gt;
  &lt;p class="p"&gt;End Date
    &lt;input id="datepicker2" type="text" name="e" style="width:155px;" value=""&gt;
  &lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><a href="http://jsfiddle.net/mount/zbabqyts/4/" rel="noreferrer">Equivalent JsFiddle</a></p>