1

我使用引导程序的日期选择器，它工作正常，但外观有一些问题；例如，当我选择一个日期时，它不会突出显示带有蓝色背景的日期，并且每当我将鼠标悬停在日期上时，它不会改变背景颜色，因为它应该像这样：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>

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

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

谢谢

4

3 回答 3

2

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

于 2015-07-01T18:30:48.687 回答
0

记得引用 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>
于 2018-01-05T11:17:54.747 回答
0 
$("#dp3").datepicker({
                todayBtn : true,
                autoclose : true,
                **todayHighlight : true,**
                endDate: "current"
            });
于 2015-10-20T09:21:04.117 回答