4

ページの残りの部分とは別に、完全なカレンダーにテーマを追加しようとしています。私が使用する jquery ui テーマは、ページ上の他の要素を引き継ぎます。高度なテーマ設定を使用して css スコープを選択しようとしましたが、うまくいきません。このスコープには日付ピッカー (http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/) に問題があることを読んだので、これがカレンダーで機能しない理由だと思います。

カレンダー div を 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(’&lt;div class="cal"></div>’);

しかし、これは完全なカレンダーではなく、datepicker ウィジェットのみを対象としていました。

私はJavaScriptの経験が豊富ではありません。フルカレンダーで動作するようにこれを適応させる方法を誰か教えてもらえますか? または、フルカレンダーのテーマを別の方法で分離しますか?

ありがとう。

4

1 に答える 1

5

fullCalendar インスタンスを構築するときに、テーマオプションをに設定する必要があります。trueその後、ページにあるすべての jQuery UI テーマ スタイルが適用されます。

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

      all other options you were setting

    */
} );
于 2011-12-15T16:09:47.263 に答える