user334223 user334223 - 2 months ago 15
jQuery Question

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');
});

Answer

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");
});
Comments