html - 在 Bootstrap 日期时间控件上选择周末

Question

我正在使用 bootstrap 日期时间控件，我想明确地更改周末的颜色，所以我尝试使用

.bootstrap-datetimepicker-widget .weekend  {
    color: red;
}

但是这样我只选择星期日而不是星期六，所以我使用了我在 stackoverflow 上找到的方法

.bootstrap-datetimepicker-widget td:nth-last-child(1) {
    color: red !important;
}

这样我就可以选择星期日和星期六，但问题是我也在日期时间控件上覆盖了年份和月份的颜色。

Is there a way to select only weekend days (saturday and sunday) using bootstrap class?

Answer 1

您尝试的第一件事就是正确的方法。

.bootstrap-datetimepicker-widget .weekend  {
color: red;
}

请检查您是否也按照假定的顺序拥有 css 和脚本链接，以及是否没有任何其他 css 正在覆盖它或其他东西。作为示例，请检查以下代码笔，它以红色显示星期六和星期日。

http://codepen.io/Nasir_T/pen/yaGPgo/

希望这对您有所帮助。