Bootstrap DateRangePicker日曆和右/左圖標不出現

我正在使用Bootstrap日期範圍選取器，並且在此我無法獲取日曆和左/右箭頭圖標。Bootstrap DateRangePicker日曆和右/左圖標不出現

下面是我已經實現的代碼。

<!-- Include Required Prerequisites --> 
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" /> 

<!-- Include Date Range Picker --> 
<script type="text/javascript" src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
<link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />

代碼日期範圍選擇器上的頁面：

<label style="padding-right:5px;">Select range: </label>  
    <h:inputText id="dateRangeFilterArchive" class="dateRangeArchive" style="width:200px;height:35px;vertical-align:center;text-align:center"/> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(function() { 
      $('.dateRangeArchive').daterangepicker(); 
      }); 
     }); 
    </script>

但是日曆和左/右箭頭glyphicon不會出現。

任何幫助表示讚賞，

感謝， Mufaddal。

來源

2016-07-22 Mufaddal

[嘗試此鏈接：（http://stackoverflow.com/questions/38501486/how-to-add-current-datetimepicker -and-add-second/38501747＃38501747）可能這會解決你的問題。 –

謝謝，但沒有幫助:) – Mufaddal

也許你沒有在你的代碼添加daterangepicker.js和daterangepicker.css

<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script> 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />

來源

2016-07-22 10:57:38

謝謝，但沒有幫助。 :) – Mufaddal

Bootstrap DateRangePicker日曆和右/左圖標不出現

回答

相關問題