如何在 JQueryUI 日期选择器中以不同的颜色设置一周中的特定日期（星期一、星期二等）？答案

【问题标题】：How to set particular days of the week (Mondays, Tuesdays etc. ) in a different color in JQueryUI datepicker?如何在 JQueryUI 日期选择器中以不同的颜色设置一周中的特定日期（星期一、星期二等）？
【发布时间】：2023-03-03 06:27:24
【问题描述】：

有没有办法在 JQueryUI 日期选择器中以不同的颜色设置一周中的特定日期（所有星期一、全年所有星期二等）？我知道有内置的方法可以选择特定的日期，也有一些方法可以禁用假期，但到目前为止我还没有找到一种通用的方法来完成这样的任务。

【问题讨论】：

标签： css jquery-ui datepicker

【解决方案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 等，但由于只有 7 天，其他单元格没有更改。

这是一篇方便了解第 n 个孩子如何工作的文章 - http://css-tricks.com/how-nth-child-works/

jQuery 还可以使用 nth-child 公式，这使得这种方法可以跨浏览器。

【讨论】：

工作完美，我对第n个孩子并不陌生，非常感谢！