title: show hide jquery datepicker calendar
body: <p>For  displaying jquery calendar with Month only I have used css as </p>
  
  <pre><code>   &lt;style&gt;
        .ui-datepicker-calendar 
        {
           display:none
        }
     &lt;/style&gt;
  </code></pre>
  
  <p>But this CSS is applied to complete page and to other <code>datepicker</code> controls have become <code>monthpicker</code> .
  How do I restrict it to only one control. </p>
  
  <p> </p>
  
  <pre><code>    &lt;input data-val="true" id="StartMonth" name="StartMonth" type="text" value="" /&gt; 
      $('#StartMonth').focusin(function () 
      {
          $('.ui-datepicker-calendar').css("display", "none");
          $('#StartMonth').datepicker('setDate', new Date(year, month, 1)).trigger('change');
      });
  </code></pre>