web-dev-qa-db-fra.com

Responsive bootstrap 3 timepicker?

Est-ce que quelqu'un connaît un bon timepicker bootstrap 3)?

J’ai passé une semaine à parcourir timepicker après timepicker et j’ai toujours eu un problème, par exemple: http://jdewit.github.io/bootstrap-timepicker/ aurait été parfait mais bootstrap 2, http://www.malot.fr/bootstrap-datetimepicker/ n'est pas réactif, et j'ai traversé au moins 3 autres qui ne fonctionneraient pas bootstrap 3, n'était pas réactif, ou ne supportait pas le système de 24 heures (dont j'ai besoin)

Donc, si quelqu'un connaît un bon appareil qui a l'air soigné, de préférence celui qui est jdewit, qui est réactif et qui prend en charge le système 24h/24, merci de le partager. Ce serait grandement apprécié et mettrait fin à mes recherches d'une semaine afin que je puisse enfin passer à quelque chose de nouveau: p merci!

javascriptjquerytwitter-bootstraptimepicker
39
user2989367

Surtout, j'ai trouvé cette bibliothèque ici. Fonctionne à la perfection dans un environnement Bootstrap-3.

Bootstrap-3 Clock-Picker

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! Trouvez d'autres exemples sur le lien ci-dessus.

Mise à jour 18/04/2018

Si vous utilisez Bootstrap-4, la bibliothèque de sélecteur d’heure/de date la plus populaire actuellement est Tempus Dominus. Ce n’est pas très chic, mais beaucoup de réactivité et de modernité.

Bootstrap-4 Tempus Dominus

72
Subin Sebastian

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

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

Mise à jour 2. En voici un autre. http://bootstrapformhelpers.com/timepicker/

26
nahtnam

Voici une autre option que j'ai trouvée récemment en explorant le même problème: Eonasdan on Github

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

Voici un exemple de page pour cela aussi.

4
Sam Ellis

En guise de mise à jour de la question du PO, je peux confirmer que le timepicker trouvé à l'adresse http://jdewit.github.io/bootstrap-timepicker/ fonctionne en fait avec Bootstrap 3 maintenant sans aucun problème.

1
Greg Quinn