jQuery UI DatePicker: переопределить сегодня css

Question

Я использую beforeShowDay, чтобы выделить специальные дни в моем jQuery datepicker. Единственный способ изменить фон - использовать тег '! Important' в моем классе 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; 
} 

Если это работает, вы можете быть в состоянии удалить другой !important, что стоит избегать, поскольку это немного из antipattern.

Answer 2

Я нашел это here ... может быть полезен вам.

Почему у не использовать datepickers функциональность, чтобы выделить специальный дней? Я использую inline 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» это имя класса CSS DatePicker добавит специальные дней, так что вы можете заставить их выглядеть так или иначе вы хотите