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彈出窗口未顯示突出顯示的當前日期

回答

相關問題