Bootstrap 的 Datepicker（不突出显示选定的日期！并且悬停在日期上不突出显示）答案

【问题标题】：Datepicker of Bootstrap (Does not highlight the selected date! and hovering over dates does not highlight)Bootstrap 的 Datepicker（不突出显示选定的日期！并且悬停在日期上不突出显示）
【发布时间】：2013-10-23 21:38:45
【问题描述】：

我使用的是 bootstrap 的 datepicker，它工作正常，但外观有一些问题；例如，当我选择一个日期时，它不会突出显示蓝色背景的日期，每当我将鼠标悬停在日期上时，它不会像它应该做的那样改变背景颜色：http://jsfiddle.net/6kk3k/1/。

这是我的简单 HTML：

            <input type="text"  class="datepicker" placeholder="Click me!">

这是我的 Javascript：

<script type="text/javascript">
    $(document).ready(function() {
        $('.datepicker').datepicker();
});
</script>

我还包括了 bootstrap.js、bootstrap-datepicker.js、datepicker.css 和 jquery.js！

<script src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="<?php echo base_url('bootstrap/js/bootstrap.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('datepicker/js/bootstrap-datepicker.js'); ?>"></script>
<script rel="stylesheet" type="text/css" src="<?php echo base_url('datepicker/css/datepicker.css'); ?>"></script>

所选日期未突出显示且悬停不起作用的原因可能是什么！

如果您需要更多说明，请告诉我！

谢谢

【问题讨论】：

不要给我们看一个有效的小提琴，给我们看一个没有你的标记并链接到你正在使用的实际文件版本的小提琴
对不起，我对 jsfiddle 很陌生！我是在jsfiddle.net/web_developer_888/VyhRF/1 做的，看来我需要提到资源的直接链接；但是我找不到 datepicker.css 的任何在线资源！
现在我想通了！我失踪了eyecon.ro/bootstrap-datepicker/css/datepicker.css 谢谢 :-)
@Pasargad haha 幸运的是我看到了这一点，否则我不会像<link rel="stylesheet" type="text/css" href="~/Content/bootstrap/bootstrap-datepicker.js" /> 那样迅速意识到这一点：-D

标签： twitter-bootstrap twitter-bootstrap-3 datepicker

【解决方案1】：

OP 通过包含 jQuery UI 的 datepicker.css 文件解决了他们的问题。

【讨论】：

【解决方案2】：

$("#dp3").datepicker({
                todayBtn : true,
                autoclose : true,
                **todayHighlight : true,**
                endDate: "current"
            });

【讨论】：

【解决方案3】：

记得引用 datepicker3.css 文件，然后将 todayHighlight 设置为 True。下面是我的 Django 实现。适应适应。

<link rel="stylesheet" type="text/css" href="{% static "css/plugins/datapicker/datepicker3.css" %}">

<script src="{% static "js/plugins/datapicker/bootstrap-datepicker.js" %}"></script>


<script>
       $(function() {
             $(".datepicker1").datepicker({todayHighlight: true});
        });
</script>

【讨论】：