title: How to always show two datepickers and set default date in the input
body: <p>I have two inputs, <code>startdate</code> and <code>enddate</code>, and I am using datepicker of jQuery UI.</p>
  
  <p>I have two questions:</p>
  
  <p>(1) How to make the datepickers always show, instead of showing upon clicking the inputs? The current code only show <code>enddate</code>'s datepicker, and it will hide when I click the other input.</p>
  
  <p>(2) How to set default date for each, and display the date in the input? The current code doesn't work.</p>
  
  <pre><code>=== HTML ===
  &lt;input type="text" id="startdate"&gt;
  &lt;label for="startdate"&gt;Start date&lt;/label&gt;
  &lt;input type="text" id="enddate"&gt;
  &lt;label for="enddate"&gt;End date&lt;/label&gt;
  
  ==== JS ====
  $('#startdate, #enddate').datepicker({
      maxDate: 0
  });    
  $('#startdate').datepicker({
      defaultDate: -30
  });
  $('#enddate').datepicker({
      defaultDate: 0
  });
  $('#startdate').datepicker('show');
  $('#enddate').datepicker('show');
  </code></pre>