如何使用fullcalendar的不同主题

Question

我正在尝试将一个主题添加到与页面其余部分分开的完整日历中.无论我使用什么jquery ui主题都会占用页面上的其他元素.我尝试使用高级主题设置并选择css范围,但它不起作用.我已经读过这个范围有datepicker的问题(http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/),所以我假设这就是为什么它不能在日历上运行.

我试图用javascript包装日历div:

<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？或者另一种方式将fullcalendar的主题分开？

谢谢.

Answer 1

您需要在构建fullCalendar实例时将theme选项设置为true.在那里,你的页面上的所有jQuery UI主题样式都将应用于它.

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

      all other options you were setting

    */
} );