如何在Bootstrap的日期选择器中设置所选日期的颜色？

问题描述

我有一个简单的Bootstrap的datepicker。似乎无法更改所选日期的颜色。它总是黑色的。我想将其更改为其他颜色。我还回答了this问题，尝试了一切，没有运气。我排除了CDN链接等。

这是我的文档的样子：

<main class="container">
    <div class="row" style="padding-top: 100px">
        <div class="col">
            <input data-date-format="dd/mm/yyyy" id="datepicker">
        </div>
    </div>
</main>

   <style type="text/css">
    .datepicker {
        font-size: 0.875em;

    }

    /* solution 2: the original datepicker use 20px so replace with the following:*/

    .datepicker td,.datepicker th {
        width: 1.5em;
        height: 1.5em;

    }

    /* .datepicker table tr td.active,.datepicker table tr td.active:hover {
        background: rgb(44,16,15);
        text-shadow: none;
    } */
    .button-variant {
        color: red;
    }

    .highlighted {

        /* .button-variant(#000,@highlighted-bg,darken(@highlighted-bg,20%)); */


        border-radius: 0;
    }
</style>
<script type="text/javascript">
    $('#datepicker').datepicker({
        weekStart: 1,daysOfWeekHighlighted: "6,0",autoclose: true,todayHighlight: true,});
    $('#datepicker').datepicker("setDate",new Date());
    $('.datepicker').on(
        'dp.show',function (e) {
            $(".bootstrap-datetimepicker-widget").css(
                "background-color","#3c3e43");
        });
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）