在bootstrap datetime控件上选择周末日

时间:2016-10-21 12:46:26

标签: html css twitter-bootstrap twitter-bootstrap-3

我使用bootstrap datetime控件,我想明确更改周末天颜色,所以我尝试使用

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

但这样我只选择星期日而不是星期六,所以我使用的方法我已经在stackoverflow上找到了某个地方

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

通过这种方式,我可以选择星期日和星期六,但问题是我还要覆盖多年,以及日期时间控制的月份颜色。

  

有没有办法只选择周末(周六和周日)使用   bootstrap class?

1 个答案:

答案 0 :(得分:1)

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

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

请检查您是否按照他们假设的顺序拥有css和脚本链接,如果没有任何其他css覆盖它或其他什么。作为样本,请查看以下代码笔,其中显示星期六和星期日的红色。

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

希望这有帮助。