jQuery UI DatePicker: переопределить сегодня css - PullRequest
Новая
       12

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

1 голос
/ 18 мая 2009

Я использую 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;
}

Ответы [ 2 ]

2 голосов
/ 18 мая 2009

Вы можете попробовать квалифицировать селектор дальше.

Например: 

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 .

0 голосов
/ 18 мая 2009

Я нашел это здесь ... может быть вам чем-то поможет.

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

...