首页 文章

如何在JQueryUI datepicker中以不同的颜色设置一周中的特定日期(星期一,星期二等)?

提问于
浏览
0

有没有办法在JQueryUI datepicker中以不同的颜色设置一周中的特定日期(所有星期一,全年的所有星期二等)?我知道有内置的方法来选择特定的日期,并且有一些方法可以禁用假期,但到目前为止我还没有找到执行此类任务的通用方法 .

1 回答

  • 0

    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公式,这使得这种方法可以跨浏览器 .

相关问题