Datetimepicker。タイマーを表示しない

Question

私はdatetimepickerで状況があります。最初のアイコンをクリックしてもタイマーは表示されません。 2番目の作品です。クロムブラウザは開発コンソールにエラーを表示しません。助言がありますか ？

<div class="input-append form-group datetimepicker"> 
    <div class="input-group date"> 
     <input type='text' data-format="hh:mm:ss" class="form-control" name="evstime" placeholder="Adauga ora" /> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-time"></span> 
     </span> 
    </div> 
</div> 

<div class="input-append form-group datetimepicker"> 
    <div class="input-group date"> 
     <input type="text" data-format="hh:mm:ss" class="form-control" name="evstime" placeholder="Adauga ora"/> 
     <span class="add-on"> 
      <i class="fa fa-clock-o" aria-hidden="true"></i> 
     </span> 
    </div> 
</div> 

のjQuery：

$(function() { 
    $('.datetimepicker').datetimepicker({ 
     pickDate: false 
    }); 
}); 

    <script src='js/moment.min.js'></script> 
    <script src="js/jquery-1.9.1.min.js"></script> 
    <script src="js/bootstrap-datetimepicker.min.js"></script> 
    <script src='js/fullcalendar.min.js'></script> 
    <script src='js/calendar.js'></script> 
    <script src="js/bootstrap.min.js"></script> 
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css"> 

Answer 1

あなたがのCDNとしてこれらを追加することができます。

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script> 

そして唯一の日付ピッカーを使用します。一般的には

<script> 
    $(function() { 
     $('.form-control').datepicker({ 
      pickDate: false 
     }); 
    }); 
</script> 

を、あなたのライブラリの依存関係を確認してください。ここではそれについての詳細な情報は以下のとおりです。https://jqueryui.com/datepicker/

Answer 2

問題は、あなたの代わりに<input>自体の<div>にdatetimepickerを初期化しようとしていたということです。変更してみてくださいあなたのHTMLへ：

datetimepickerは各 inputの class属性に含ま

<div class="input-append form-group"> 
    <div class="input-group date"> 
     <input type='text' data-format="hh:mm:ss" class="form-control datetimepicker" name="evstime" placeholder="Adauga ora" /> 
     <span class="input-group-addon"> 
      <span class="glyphicon glyphicon-time"></span> 
     </span> 
    </div> 
</div> 

<div class="input-append form-group datetimepicker"> 
    <div class="input-group date"> 
     <input type="text" data-format="hh:mm:ss" class="form-control datetimepicker" name="evstime" placeholder="Adauga ora"/> 
     <span class="add-on"> 
      <i class="fa fa-clock-o" aria-hidden="true"></i> 
     </span> 
    </div> 
</div> 

注..

そして、一度にすべてのdatetimepickerのコントロールを初期化するため、使用中の

：

$('.datetimepicker').each(function(){ 
    $(this).datetimepicker({ 
     pickDate: false 
    }); 
}); 

編集

pickDate: falseはdisable your datetimepicker、remove this attributeとなり、すべて正常に動作するはずです。