bootstrap timepicker沒有顯示時間選擇器選項

我正在製作一個應用程序和使用自舉timepicker，它只顯示當前時間在我的輸入字段但沒有顯示時間選擇器來選擇時間選擇器請幫我解決它。也沒有顯示任何錯誤。bootstrap timepicker沒有顯示時間選擇器選項

HTML

<div class="col-xs-3"> <label>Invoice #</label> 
    <input class="timepicker form-control " > 
</div>

CSS

<!-- Bootstrap time Picker --> 
<link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.css">

<!-- bootstrap time picker --> 
<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script> 

//Timepicker 
$(".timepicker").timepicker({ 
    showInputs: false 
});

來源

2015-12-02 asif

您能否創建/提供您遇到或粘貼整個html頁面的問題的工作示例，以便我們可以看到您的所有代碼？是SO代碼片段還是jsfiddle？沒有一個例子就很難調試它。在示例頁面上，我看到他們使用ID而不是Class，你試過了嗎？ – Matthew

先生我使用的ID，但仍然沒有顯示timepicker 當我加載頁面它只顯示當前時間..其意味着沒有錯誤的代碼，但仍然沒有顯示時間選擇器來選擇時間 – asif

你包括jQuery的腳本因爲我沒有看到任何。加上你的JavaScript代碼不在腳本標籤內。在這裏複製粘貼是否是錯誤的，或者實際上你沒有包含這個錯誤？ – marukobotto

它似乎爲我工作。

<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" /> 
 
<link href="https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/css/bootstrap-timepicker.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script> 
 
<script src="https://code.jquery.com/jquery-1.9.1.js"></script> 
 
<script src="https://cdn.jsdelivr.net/bootstrap.timepicker/0.2.6/js/bootstrap-timepicker.min.js"></script> 
 

 

 
<div class="input-group bootstrap-timepicker timepicker"> 
 
    <input id="timepicker1" type="text" class="form-control input-small"> 
 
    <span class="input-group-addon"><i class="glyphicon glyphicon-time"></i></span> 
 
</div> 
 

 
<script type="text/javascript"> 
 
    $('#timepicker1').timepicker({ 
 
    showInputs: false 
 
    }); 
 
</script>

來源

2015-12-02 22:01:21

試着改變你的JS。

$('.timepicker').timepicker();

來源

2015-12-02 21:52:59 Andy

仍然沒有進展 – asif

看看http://jdewit.github.io/bootstrap-timepicker/他們有一些有用的例子。 – Andy

工作感謝您的回覆 – asif

我添加bootstrap-timepicker類的父和它看起來像它使人們顯示了我。

來源

2017-03-31 00:39:26

bootstrap timepicker沒有顯示時間選擇器選項

回答

相關問題