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

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

4 голосов
/ 15 декабря 2011

Я пытаюсь добавить тему в полный календарь отдельно от остальной части страницы.Какая бы тема jquery ui я не использовала, она берет на себя другие элементы на странице.Я попытался использовать расширенные настройки темы и выбрать область действия CSS, но это не работает.Я читал, что у этой области есть проблемы с указателем даты (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, а не для полного календаря.

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

Спасибо.

1 Ответ

5 голосов
/ 15 декабря 2011

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

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

      all other options you were setting

    */
} );
...