Datetimepicker。不顯示任何計時器

Question

我有一個datetimepicker的情況。當我點擊第一個圖標時，它不顯示任何計時器。第二個作品。 Chrome瀏覽器在開發控制檯中不顯示任何錯誤。有什麼建議麼 ？

<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

問題是您試圖初始化<div>上的datetimepicker而不是<input>本身。試着改變你的HTML到：

<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包括在每個input的class屬性..

而且爲了初始化所有datetimepicker同時控制，使用：

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

編輯

pickDate: false將disable your datetimepicker,remove this attribute和一切應按預期工作。