jQueryのUI DatePicker：今日のCSSをオーバーライド

Question

私はjQueryのdatepickerで特別な日を強調するためにbeforeShowDayを使用しています。バックグラウンドを変更できる唯一の方法は、私のCSSクラスで '重要な'タグを使うことです。これは「今日」を除くすべての日に完璧に機能します。 CSSは背景色を変更せず、境界線のみを変更します。

私のCSS：

.genEvent a 
{ 
border:solid 1px #DC143C !important; 
background: #9696BA url(ui-bg_flat_75_9696BA_40x100.png) 50% 50% repeat-x !important; 
} 

Answer 1

あなたはさらにセレクタ予選試みることができます。例えば

：それが動作する場合

body contentDiv .genEvent a 
{ 
    border:solid 1px #DC143C !important; 
    background: #9696BA url(ui-bg_flat_75_9696BA_40x100.png) 50% 50% repeat-x !important; 
} 

あなたはそれがantipatternのビットだとして避けることの価値がある、!important他を削除することができるかもしれません。

Answer 2

私はこれを見つけましたhere ...何か助けになるかもしれません。

はなぜuが 日特別強調するためにdatepickersに 機能を使用しないのですか？私は としてインラインのdatepickerをよく使用し、特別な日を示す作品は でも問題ありません。例えば、今月に

$("#mnu_calendar").datepicker({ 
    ... other options 
    beforeShowDay: function(thedate) { 
    var theday = thedate.getDate(); 
    if($.inArray(theday,specialDays) == -1) 
     return [true,""]; 
    return [true, "specialDate"]; 
    }, 
    ... more options 
}); 

specialsDays私の配列は特別な 日である：私はのようなものを使用します[3、12、24]。 「specialDateは、」あなたは彼らがあなたはjQueryのUIは.ui-DatePickerの-今日かを使用していることに言及