Как использовать другую тему для fullcalendar

Question

Я пытаюсь добавить тему в полный календарь отдельно от остальной части страницы. Независимо от темы jquery ui, которую я использую, используются другие элементы на странице. Я попытался использовать расширенные настройки темы и выберем область css, но она не работает. Я читал, что эта область имеет проблемы с datepicker (http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/), поэтому я предполагаю, что именно поэтому она не работает в календаре.

Я попытался обернуть календарь DIV с JavaScript:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#calendar').wrap('<div class="Datepicker"></div>'); 
    }); 
</script> 

Когда я инспектировать элемент он показывает новый DIV с этим классом, но тема до сих пор область видимости не работает.

Комментарии на странице, что я включил выше говорит, чтобы сделать это:

$(".datepicker").datepicker().closest(’body’).find(’#ui-datepicker-div’).wrap(’<div class="cal"></div>’); 

, но это было предназначено для только Datepicker виджета, а не в fullcalendar.

Я не так разбираюсь в javascript. Может ли кто-нибудь сказать мне, как адаптировать это для работы с fullcalendar? Или другим способом отделить тему для полного календаря?

Спасибо.

Answer 1

При создании экземпляра fullCalendar вам необходимо установить theme в true. Там вперед, все элементы стиля jQuery UI, которые у вас есть на вашей странице, будут применены к нему.

$('#calendar').fullCalendar({ 
    theme: true/*, 

     all other options you were setting 

    */ 
});