Q:

show hide jquery datepicker calendar

For  displaying jquery calendar with Month only I have used css as 
   <style>
      .ui-datepicker-calendar 
      {
         display:none
      }
   </style>

But this CSS is applied to complete page and to other datepicker controls have become monthpicker .
How do I restrict it to only one control. 
 
    <input data-val="true" id="StartMonth" name="StartMonth" type="text" value="" /> 
    $('#StartMonth').focusin(function () 
    {
        $('.ui-datepicker-calendar').css("display", "none");
        $('#StartMonth').datepicker('setDate', new Date(year, month, 1)).trigger('change');
    });

A:

With a little help of query u can achieve your desired result. Please follow the fiddle.
http://jsfiddle.net/DBpJe/7376/
   $('#startDate').focusin(function(){
  $('.ui-datepicker-calendar').css("display","none");
});

