Как настроить отдельные дни недели (понедельник, вторник и т. Д.) Другим цветом в JQueryUI datepicker?

Question

Есть ли способ установить отдельные дни недели (все понедельники, все вторники за целый год и т. Д.) Другим цветом в JQueryUI datepicker? Я знаю, что есть встроенные методы для выбора конкретных дат, и есть способы отключить праздничные дни, но я до сих пор не нашел общего способа выполнить такую ​​задачу.

Answer 1

Средство выбора даты в jQuery UI не добавляет имена классов к определенным дням недели, но вы можете использовать селектор css nth-child .

Например, если в воскресенье первый день недели в вашем календаре, третьей ячейкой будет вторник, который вы можете выделить следующим образом:

.ui-datepicker-calendar tbody tr td:nth-child(5n+3) a {background: #FC0;}

В этом примере будет затронута только вторая ячейка таблицы, так как формула (5n + 3) изменила кратные пять ячеек, смещенные на три. Полный шаблон - 3, 8, 13, 18, 23, 28 и т. Д., Но поскольку осталось всего семь дней, другие ячейки не изменяются.

Это удобная статья для понимания того, как работает nth child - http://css -tricks.com / how-nth-child-works /

jQuery также может использовать формулу nth-child, что делает этот подход кросс-браузерным.