bs-datepicker 不突出当前日期

如何解决bs-datepicker 不突出当前日期

我正在尝试使用 bs-datepicker 来选择一个日期范围，但我无法让它完全按照我想要的方式工作。验证不是问题，问题是日期选择器中当前日期没有突出显示，它有点静音。如果我点击它，它就会被选中。所以问题基本上是当页面第一次加载并且我继续选择日期时，当前日期被静音。我尝试了很多变体（init-date、defaultDate），但似乎没有任何效果。关于我可能出错的地方有什么想法吗？

    <input type="text" class="form-control" data-min-date="today"
           datepicker-popup="{{format}}"
           data-max-date="endDate"
           required data-autoclose="1"
           ng-model="startDate"
           name="startDate" bs-datepicker autocomplete="off"
           id="startDP"
           is-open="openDatePickerFlags.start"
           ng-click="openDatePickerFlags.start = !openDatePickerFlags.start"
           ng-readonly='true'
           show-button-bar='false'
           style="background-color: white; cursor: pointer;">
           <span class="add-on calender-icon" ng-click="openDatePickerFlags.start = !openDatePickerFlags.start; $event.stopPropagation()">
           <em class="glyphicon glyphicon-calendar"></em>
           </span>

代码变得非常复杂，但基本上我不想让用户选择输入文本框，这就是为什么我设置只读属性并提供样式以确保文本框不会变成变灰。 'endDate' 有一个类似的输入字段我已经被这个问题困扰了很长时间，任何线索都值得赞赏。

解决方法

你试过文档中的这个选项吗 https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#todayhighlight

你可以像这样使用这个选项

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="assets/common.css">
        <script src="assets/common.js"></script>
        <script>
            document.addEventListener('DOMContentLoaded',function() {
                $('input').datepicker({
                   todayHighlight: true
                }).datepicker('show');
            });
        </script>
    </head>
    <body data-capture="input,.datepicker">
        <div class="row">
            <div class="col-sm-offset-4 col-sm-3">
                <input type="text" class="form-control" value="03/03/2013">
            </div>
        </div>
    </body>
</html>