Я пытаюсь добавить тему в полный календарь отдельно от остальной части страницы. Какую бы тему пользовательского интерфейса 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. Может ли кто-нибудь сказать мне, как адаптировать это для работы с полным календарем? Или другим способом отделить тему для полного календаря?
Спасибо.
1 ответ
Вам необходимо установить для параметра theme значение true
при создании экземпляра fullCalendar. Далее к ней будут применены все стили темы пользовательского интерфейса jQuery, которые у вас есть на вашей странице.
$( '#calendar' ).fullCalendar( {
theme: true/*,
all other options you were setting
*/
} );
Похожие вопросы
Связанные вопросы
Новые вопросы
jquery-ui
Пользовательский интерфейс jQuery представляет собой набор взаимодействий, эффектов, виджетов и тем пользовательского интерфейса, созданный на основе JavaScript-библиотеки jQuery.