Responsive bootstrap 3 timepicker?

Personne ne sait d'un bon responsive bootstrap 3 timepicker?

Ive a passé une semaine en passant par timepicker après timepicker et il y avait toujours un problème pour exemple: http://jdewit.github.io/bootstrap-timepicker/ aurait été parfait, mais sa pour bootstrap 2, http://www.malot.fr/bootstrap-datetimepicker/ n'est pas sensible, et je suis allé à travers au moins 3 de plus que ce soit pas de travail pour bootstrap 3, n'était pas sensible, ou n'a pas de soutien 24 heures (dont j'ai besoin)

Donc si quelqu'un sait de toute bonne l'une que l'air soigné, de préférence, comme le jdewit l'un, à l'écoute et qui prend en charge 24 heures par jour s'il vous plaît partager, il serait grandement apprécié et ce serait la fin de ma semaine de recherche, afin que je puisse enfin passer à quelque chose de nouveau :p Merci!!!!

InformationsquelleAutor user2989367 | 2014-01-10
  1. 72

    Au-dessus de tous, j'ai trouvé cette bibliothèque ici. Fonctionne hors de la boîte parfaitement sur un Bootstrap 3 environnement.

    Bootstrap 3 De L'Horloge-Sélecteur

    CSS

    <link rel="stylesheet" type="text/css" href="dist/bootstrap-clockpicker.min.css">

    HTML

    <div class="input-group clockpicker">
    <input type="text" class="form-control" value="09:30">
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-time"></span>
    </span>
</div>

    JAVASCRIPT

    <script type="text/javascript" src="dist/bootstrap-clockpicker.min.js"></script>
<script type="text/javascript">
    $('.clockpicker').clockpicker();
</script>

    Aussi simple que cela! Trouver plus d'exemples sur le lien ci-dessus.

    Mise à jour 18/04/2018

    Si vous êtes en utilisant Bootstrap-4, les plus populaires de l'heure/date picker disponibles de la bibliothèque est maintenant de Tempus Dominus. Il n'est pas de fantaisie à la recherche, mais beaucoup de choses modernes et adaptés aux besoins.

    Bootstrap-4 Tempus Dominus

    • Votre réponse n'est pas correcte. Le code que vous a montré utilise bootstrap 2.3.2 pas 3
    • Fonctionne avec Twitter Bootstrap 3 sur moi
    • Travaillé avec bootstrap 3.3.2 pour moi.
    • Comment l'obtenir pour montrer la non-militaire temps?
    • L'oublier je l'ai trouvé. twelvehour=true
    • Ne fonctionne pas avec bootstrap 3.3.5.
    • pm ou am?/.......................
    • Quelle serait la bonne façon de définir la position de sorte qu'il reste sensible?
    • Cette horloge sélecteur n'est plus maintenu en fonction de leur info sur GitHub.
    • Mise à jour de la réponse pour Bootstrap-4 avec les plus populaires disponibles de la bibliothèque.
    • J'ai ajouté un horloge réactifs temps-sélecteur pour eonasdan datetimepicker, il fonctionne à la fois sur bootstrap 3 et 4 et un peu de fantaisie à la recherche 😀

    InformationsquelleAutor Subin Sebastian
  2. 26

    C'est une version légèrement modifiée de http://jdewit.github.io/bootstrap-timepicker/ qui prend en charge bootstrap 3. Vous pouvez le vérifier ici. https://github.com/m3wolf/bootstrap3-timepicker Laissez-moi savoir si cela ne fonctionne pas et je vais essayer de trouver une alternative.

    Mise à jour. Voici un autre basé sur la même version, mais modifié pour bootstrap 3. https://github.com/rendom/bootstrap-3-timepicker

    Mise à jour 2. Voici encore un autre. http://bootstrapformhelpers.com/timepicker/

    InformationsquelleAutor nahtnam
  3. 4

    Voici une autre option que j'ai trouvé récemment, tout en explorant la même question: Eonasdan sur Github

    A bien fonctionné pour moi dans une .NET MVC/Bootstrap 3 environnement.

    Voici une page d'exemple pour elle aussi.

    InformationsquelleAutor Sam Ellis
  4. 1

    Une mise à jour de l'OP question, je peux confirmer que le timepicker trouvé à http://jdewit.github.io/bootstrap-timepicker/ n'en fait travailler avec Bootstrap 3 maintenant avec aucun problème du tout.

    InformationsquelleAutor Greg Quinn