5

jquery datepicker があり、選択したセルの日付の背景色を変更できる必要があります。私は次のようなものを試しています:

    $("#fecha").datepicker({ 
          onSelect: function(value, date) { 
             alert(date.css());
          } 
    });

日付パラメーターが選択したセルを参照することを期待していますが、機能していないようです。

なにか提案を？

//編集: ソリューションでは、さまざまな色を動的に設定したさまざまなセルを使用できるようにする必要があります。これが、CSS を直接変更する代わりに onSelect を試している理由です。

目的は、ユーザーによって確立されたイベントを持つカレンダーを持つことです。

前もって感謝します。

4

4 に答える 4

11

最善の方法は（私があなたを正しく理解していると仮定して）単にcssをオーバーライドすることだと思います。
サイトのスタイルシートまたは html の head セクションで、次の css セレクターをオーバーライドするだけです。

.ui-datepicker-current-day .ui-state-active { background: #000000; }

編集

編集を念頭に置いて、次のように動作するはずです（日付ピッカーの更新を停止できると仮定します）

onSelect: function(value, date) {
    date.dpDiv.find('.ui-datepicker-current-day a')
        .css('background-color', '#000000');
}
于 2010-05-25T16:11:31.473 に答える
1

あなたのCSSでクラスを変更してください.ui-datepicker-current-day

于 2010-05-25T16:09:48.290 に答える
0

デフォルトでは、日付ピッカーはテーマに従います。しかし、何でもオーバーライドできます。

ui-state-active選択した日付のスタイルです。 ui-state-highlight現在の日付を識別するために使用するスタイルです。

したがって、次のようにします。

#ui-datepicker-div .ui-state-active {color: #FFFFCC;}

#ui-datepicker-div .ui-state-highlight {color: #DCDCDC;}

この css をページに追加するか、テーマ自体を調整することができます。

于 2012-03-06T17:57:15.400 に答える