Bootstrap datepicker弹出窗口未显示突出显示的当前日期

我正在使用Bootstrap datepicker使用Bootstrap datepicker API。当我点击按钮时显示日历/日期选择器弹出窗口，但它没有将当前日期标记为蓝色字体，如API示例中所示。Bootstrap datepicker弹出窗口未显示突出显示的当前日期

我使用下面的代码：

<body> 
    <div class="input-group date col-md-5" id="datepicker" data-date-format="dd-mm-yyyy"> 
     <input class="form-control" size="56" type="text" value="" readonly> 
     <span class="input-group-addon"><span class="glyphicon glyphicon-th"></span></span> 
    </div> 

    <script src="js/bootstrap-datepicker.js"></script> 

    <script type="text/javascript"> 
     $('#datepicker').datepicker(); 
    </script> 
    </body>

日历/日期选择器示出弹出但当前的日期，如图API实施例和也将鼠标光标不是指针不突出显示为蓝色。

如果您正在使用此请帮我对这个问题

来源

2014-02-09 Adeel Asghar

确保您添加的字体为glyphicons。如果包含字体，“glyphicon”类将起作用 – Garry

：https://github.com/eternicode/bootstrap-datepicker你必须给选项，当你启动日历，如

$('#sandbox-container input').datepicker({ 
       todayHighlight: true 
    });

来源

2014-02-09 17:48:03 Gokhan

它仍然不起作用:( –

你能制作一个jsfiddle吗？这会有帮助 – Gokhan

解决了这个问题吗？它不适用于我/ – Akki619

Bootstrap Datepicker自身的CSS赖以造型日历小部件。

对于快速导入的依赖，你可以从cdnjs（确保你选择一个扩展名为.css）选择一个版本，并导入到你的HTML这样的：

<head> 
    <meta charset="UTF-8"> 
    <!-- ... --> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker.css" /> 
</head>

来源

2016-07-24 12:40:24

$('#datepicker').datepicker({ 
    format: 'dd-mm-yyyy', 
    todayHighlight: true 
});

这里是JSFiddle

来源

2016-07-27 15:16:20 RaviRokkam

只是添加到可能的解决方案列表，因为我遇到了同样的问题。该today类没有得到分配给使用当天：

$('.datepicker').datepicker({ 
    'format': 'mm/dd/yyyy', 
    'todayHighlight': true 
});

例子中的HTML有一个类只有date。

<div class="input-group date"> 
    <input type="text" class="form-control" value="12-02-2012"> 
     <div class="input-group-addon"> 
      <span class="glyphicon glyphicon-th"></span> 
     </div> 
</div>

在我的情况下，我错过了datepicker类。添加到元素，现在一切工作正常。

需要是：

<div class="input-group date datepicker"> 
    <input type="text" class="form-control" value="12-02-2012"> 
     <div class="input-group-addon"> 
      <span class="glyphicon glyphicon-th"></span> 
     </div> 
</div>

来源

2017-01-16 19:37:50 Damon

另一种选择是这个属性添加到您的datepicker输入元素：

today-highlight="true"

来源

2017-06-19 08:25:48

Bootstrap datepicker弹出窗口未显示突出显示的当前日期

回答

相关问题