Как контролировать стиль сегодняшней ячейки в asp.net ajax CalendarExtender? - PullRequest
1 голос
/ 25 февраля 2010

На основе API AjaxControlToolkit для CalendarExtender Я могу контролировать стиль выбранной даты, используя:

.ajax__calendar_active { background-color:red }

И, в соответствии с API, я надеялся, что .ajax__calendar_today позволит мне контролировать стиль сегодняшней ячейки таблицы, если она будет показана. К сожалению, этот .ajax__calendar_today контролирует стиль большей кнопки «Today: XYZ» в нижней части календаря.

Кто-нибудь знает, как оформить сегодняшнюю ячейку таблицы, если / когда отображается?

Обновление:

Я проверил HTML с помощью Firebug и увидел, что для сегодняшней дневной ячейки нет специального класса css или другого индикатора. Я думаю, это имеет смысл с точки зрения серверной стороны ... как узнать, какой сегодня день на компьютере пользователя, без добавления кода для захвата смещения по Гринвичу и тому подобное.

Итак, знаете, я думаю, что застрял в создании некоторого javascript для получения сегодняшней клиентской даты и сравнении с атрибутом заголовка каждой ячейки, для которого установлено что-то вроде "пятница, 11 февраля 2011 г.".

Обновление: сентябрь 2011 В последнем выпуске AjaxControlToolkit для управления этим добавлен класс .ajax__calendar_today css.

Ответы [ 3 ]

1 голос
/ 05 октября 2011

Полагаю, вы могли бы использовать следующий класс CSS:

.ajax__calendar_today .ajax__calendar_day {background-color: red;}

0 голосов
/ 10 августа 2013

Не могу найти специальный класс для этого, поэтому я решил добавить стиль на свой сайт. К вашему сведению, заполнение 0 происходит потому, что граница занимает 2 пикселя, для чего задано заполнение по умолчанию.

<style type="text/css">
    div.ajax__calendar_day[title='<%=DateTime.Now.ToString("dddd, MMMM dd, yyyy")%>']
    {
    border: 1px solid #F00;
    padding-right: 0px;
    }
</style>
0 голосов
/ 13 октября 2010

Вам нужен следующий класс CSS: .ajax_ календарь .ajax _calendar_active .ajax__calendar_day {фоновый цвет: красный;}

...