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

    */
} );

如何使用fullcalendar的不同主题

1 个答案: