クロックピッカーが時計を表示しない

クロックピッカー（http://weareoutman.github.io/clockpicker/）を使用して問題が発生しています。クロックピッカーが時計を表示しない

これはテキストボックスのように動作し、時計を表示しません。私はまた、資産をdownladedプロジェクトでそれらを配置し、このようにそれらをインポート

<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>

：私は、HTMLの<head>で必要なスクリプトやスタイルシートが含まれているので、私は、問題は何ができるか分かりません。

<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>

と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を追加逃したと思いますjqueryオブジェクト、およびアクティブ化$('.clockpicker').clockpicker();は、要素がページで溺れる前に作成されたため、アクティブ化するものではありませんでした。私はまだそれを完全に理解するためにjqueryでたくさん仕事をしなければならないと思う。とにかくお礼ありがとうございます：D

出典

2017-10-13 08:56:03

その細かい作業は、私はあなたが

$('.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

クロックピッカーが時計を表示しない

答えて

関連する問題