如何更改引导程序日期选择器的选定日期颜色背景？

Question

我正在尝试更改 bootstrap datepicker 中所选日期的颜色并尝试更改 datepicker 容器的背景颜色，但似乎没有可用于更改和自定义的选项。

请让我知道是否有任何可用于自定义日历设计的内容。

 $('#date_of_completion').datepicker({
        format: 'dd/mm/yyyy',
        autoclose: true
    });

Answer 1

你有 2 种可能性来做到这一点

1）根据项目less文件编译自己的样式并在less中覆盖背景颜色：

这是您应该覆盖的类

&.active,
&.active.highlighted {
    .button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}

请参阅datepicker3.less 第 170 行

2）覆盖编译好的css类

.datepicker table tr td.active:active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active {
   background-color: green;
}

看例子