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で動作するようにこれを適応させるか教えてもらえますか？あるいは別の方法でフルカラーのテーマを分けることができますか？

ありがとうございました。

Answer 1

fullCalendarインスタンスを作成するときは、themeオプションをtrueに設定する必要があります。そこには、あなたのページにあるすべてのjQuery UIテーマのスタイリングが適用されます。

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

     all other options you were setting 

    */ 
});