title: Datepicker To Only Display Months
body: <p>I have a datepicker which I only want the user to be able to select a month and year.</p>
  
  <p>The user should only be able to select up to a year from todays date.  I have this working but I cant seem to get only the months displaying.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="form-groups"&gt;
      &lt;div class="col-sm-12"&gt;
          &lt;div class="input-group"&gt;
              &lt;input type="text" name="idTourDateDetails" id="idTourDateDetails" class="form-control clsDatePicker"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Script</strong></p>
  
  <pre><code>&lt;script type="text/javascript"&gt;    
      $('#idTourDateDetails').datepicker({
          format: "mm-yyyy",
          startMode: "months", 
          minViewMode: "months",
          changeMonth: true,
          changeYear: true,
          minDate: '0d',
          maxDate: '1y'
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I tried adding <code>data-date-format="mm-yyyy"</code> to the <code>input</code> but it didn't work.</p>
  
  <p>See working <a href="http://jsfiddle.net/RQgCW/103/" rel="nofollow">fiddle</a></p>
  
  <p>I do not want to just hide the calendar, I want the dates to display the months instead.  Other suggestion below only hide the calendar.</p>
  
  <p>This <a href="http://jsfiddle.net/RWY2X/2/" rel="nofollow">fiddle</a> is what I'm after but I can't get it working as when I put the HTML and the JQuery into my solution, I get the dates still displayed.</p>