Clockpicker不顯示時鐘

我有一個使用clockpicker（http://weareoutman.github.io/clockpicker/）的問題。Clockpicker不顯示時鐘

它的行爲像一個文本框，它不顯示時鐘。我不知道這個問題可能是什麼，因爲我包含在HTML的<head>必要的腳本和樣式：

<link href="http://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.css" rel="stylesheet" /> 
<script src="http://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.js"></script>

我也downladed資產，將它們放置在項目並導入他們是這樣的：

<script th:src="@{/assets/js/plugins/clockpicker/clockpicker.js}" src="js/plugins/clockpicker/clockpicker.js"></script>

這是一個顯示文本框和小時鐘圖標的HTML代碼：

<div class="input-group clockpicker" style="width: 50%; float: left;"> 
    <input type="text" class="form-control" value=""> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-time"></span> 
     </span> 
</div>

AND jquery的活化：

$('.clockpicker').clockpicker();

我完全不知道需要做什麼，所以任何建議是值得歡迎的。提前致謝！

編輯：小提琴這裏https://jsfiddle.net/q1skrndg/

來源

2017-10-13 Vlad Iordache

你能提供小提琴嗎？ –

@artgb對不起，如果它不是你所期望的，我從來沒有用過它：https://jsfiddle.net/q1skrndg/ –

這裏有一個強大的clockpicker示例http://jsfiddle.net/weareoutman/YkvK9/ –

我解決它，這個問題是我加入clockpicker爲一個jquery對象，並且在元素被淹沒在頁面之前激活$('.clockpicker').clockpicker();，所以沒有什麼可激活的。我認爲我仍然需要用jquery進行很多工作才能完全理解它。無論如何謝謝大家：D

來源

2017-10-13 08:56:03

其工作正常，我認爲你錯過了報頭附加Jquery

$('.clockpicker').clockpicker();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.js"></script> 
 
<link href="https://weareoutman.github.io/clockpicker/dist/jquery-clockpicker.min.css" rel="stylesheet"/> 
 
<div class="input-group clockpicker" style="width: 50%; float: left;"> 
 
    <input type="text" class="form-control" value=""> 
 
     <span class="input-group-addon"> 
 
      <span class="glyphicon glyphicon-time"></span> 
 
     </span> 
 
</div> 
 
<script> 
 
$('.clockpicker').clockpicker(); 
 
</script>

來源

2017-10-13 08:29:08 Znaneswar

我確實想錯過添加它，但它不是主要問題，我會延長答案。 –

每個第三方jQuery插件都需要'JQuery' – Znaneswar

Clockpicker不顯示時鐘

回答

相關問題