如何在JQueryUI datepicker中設置不同顏色的星期幾（星期一，星期二等）？

Question

有沒有辦法在JQueryUI datepicker中設置不同顏色的星期幾（所有星期一，所有星期二全年等）？ 我知道有內置的方法來選擇特定的日期，並有方法來禁用假期，但我還沒有找到一個通用的方式來做這樣的任務到目前爲止。

Answer 1

jQuery UI日期選擇器不會將類名添加到一週中的特定日子，但是您可以使用css 第n個孩子選擇器。

例如，如果週日如果在您的日曆一週的第一天，第三單元爲星期二，您可以突出顯示，像這樣：

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

在這個例子中只有第二表格單元格會受到影響，因爲（5n + 3）公式修改了五個單元格的倍數，偏移量爲三。完整的模式是3,8,13,18,23,28等，但由於只有七天，沒有其他細胞被改變。

這對於理解第n個子是如何工作的一個方便的文章 - http://css-tricks.com/how-nth-child-works/

jQuery的也可以使用第n個孩子的公式，使得這種方法的跨瀏覽器。