Question

我使用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>

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

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

由于

Answer 1

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

Answer 2

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

Answer 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>

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

3 个答案: