如何使用不同的主题全日历

Question

我试图添加一个主题到完整的日历从页面的其余部分分开。无论我使用什么jquery ui主题，都会接管页面上的其他元素。我尝试使用高级主题设置并选择css范围，但它不起作用。我读到这个范围有问题的日期选择器(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>’); 

，但这只是为日期选择器小部件，而不是完整的日历。

我对javascript没有经验。谁能告诉我如何适应这个工作与完整的日历?或者用另一种方法分离整个日历的主题?

谢谢。

Answer 1

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

$( '#calendar' ).fullCalendar( {
    theme: true/*,
      all other options you were setting
    */
} );