如何使用不同的主题fullcalendar

我想添加一个主题到完整的日历与页面的其余部分分开。无论我使用的jQuery UI主题是否包含页面上的其他元素。我尝试使用高级主题设置并选择一个CSS范围，但它不工作。我读过这个范围有datepicker问题（http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/），所以我假设这就是为什么它不在日历上工作。如何使用不同的主题fullcalendar

我试着用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>’);

但这是打算就在日期选择控件，而不是fullcalendar。

我不是那种在javascript中经历过的。任何人都可以告诉我如何适应这与fullcalendar一起工作？或者另一种方式分开fullcalendar的主题？

谢谢。

来源

2011-12-15 ldellj

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

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

     all other options you were setting 

    */ 
});

来源

2011-12-15 16:09:47 JAAulde

主题设置为true。问题是给fullcalendar一个不同的主题比页面的其余部分。 – ldellj

您需要编写以您的日历元素及其后代为目标的CSS，并覆盖正在应用于页面其余部分的UI主题。这纯粹是在CSS领域。 – JAAulde

看看这个帖子user406905的答案http://stackoverflow.com/questions/4250458/how-to-apply-multiple-jquery-ui-themes这是我正在为fullcalendar做的。 – ldellj

如何使用不同的主题fullcalendar

回答

相关问题