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

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

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

Спасибо.

4
ldellj 15 Дек 2011 в 20:06

1 ответ

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

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

      all other options you were setting

    */
} );
5
JAAulde 15 Дек 2011 в 20:09
1
Тема установлена ​​в true. Проблема заключается в том, что для полного календаря используется ДРУГАЯ тема, чем для остальной части страницы.
 – 
ldellj
15 Дек 2011 в 20:41
Вам нужно написать CSS, который нацелен на ваш элемент календаря и его потомков и переопределяет тему пользовательского интерфейса, которая применяется к остальной части страницы. Это чисто из области CSS.
 – 
JAAulde
15 Дек 2011 в 21:03
2
Посмотрите ответ пользователя 406905 на этот пост ldellj
15 Дек 2011 в 21:29