2

beforeShowDayを使用して特別なハイライトがある日付ピッカーがあります。ただし、ハイライトスタイルは、セルがクリックされたときに自動的に適用される、選択された( "ui-btn-active")スタイルを防ぎます。選択したスタイルを上に表示するための最良のアプローチは何ですか?

<div id="datepicker"></div>

.Highlighted a{
background: none !important;
background-color: #990066 !important;
}

        $('#datepicker').datepicker({
            beforeShowDay: function (date) {
                return [true, SelectedDates[date] ? 'Highlighted' : ''];
            }
        });

これを追加しても効果はありません。

.Highlighted ui-btn-active a{
background: none !important;
background-color: white !important;
}
4

2 に答える 2

0

beforeShowDayコードで、強調表示されたクラスを追加した後、選択した要素にui-btn-activeクラスを追加します。

要素は複数のクラスを持つことができることを忘れないでください。

于 2012-09-18T13:05:31.680 に答える
0
  beforeShowDay: function (date) {
                var selected = $("#datepicker").datepicker('getDate');
                if (date.getDate() != selected.getDate()) return [true, SelectedDates[date] ? 'Highlighted' : ''];
                else return [true, '']
            }
于 2012-09-19T11:06:03.213 に答える