Question

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

Answer 1

jQuery UI datepicker不会将类名添加到一周中的特定日期，但您可以使用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公式，使这种方法成为跨浏览器。