Datetimepicker. N'affiche aucune minuterie

Question

J'ai une situation avec datetimepicker. Il ne montre aucune minuterie lorsque je clique sur la première icône. Le deuxième travaille. Le navigateur chrome ne montre aucune erreur dans la console de développement. Aucune suggestion ?

<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

Vous pouvez les ajouter comme NAA.

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

et utiliser uniquement datepicker:

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

En général, vous vérifiez les dépendances bibliothèque. Voici plus d'informations à ce sujet: https://jqueryui.com/datepicker/

Answer 2

Le problème est que vous essayez de initialiser le datetimepicker sur le <div> au lieu du <input> lui-même. Essayez de changer 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> 

Notez le datetimepicker inclus sur l'attribut class de chaque input ..

Et pour réinitialiser tous les datetimepicker contrôles à la fois, utilisez:

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

EDIT

pickDate: false sera disable your datetimepicker, remove this attribute et tout devrait fonctionner comme prévu.