отключить календарь в datepicker

Question

Я использую datepicker дважды на одной странице. Один из них является обычным, а другой должен быть только для выбора месяца в году. к сожалению CSS стиль

<style>.ui-datepicker-calendar {display: none;}</style> 

отключает календарь для обоих. Установка обработчика на триггере до того, как выглядеть следующим образом:

$('.date-picker').datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    showButtonPanel: true, 
    beforeShow: function(date) { 
     $(".ui-datepicker-calendar").css("display", "none"); 
     alert('fired when selected'); 
    } 
}); 

также не помогает. Триггер работает, но календарь все еще существует. Что я могу сделать? Любая помощь оценивается.

Answer 1

вы можете использовать класс CSS Disable:

.disable{display:none} 

И применять этот второй класс в DIV вы хотите скрыть.

<div class="ui-datepicker-calendar disable"> Calendar here ... </div>