Responsive bootstrap 3 timepicker

Question

Does anyone know of a good responsive bootstrap 3 timepicker   Ive spent a week going through timepicker after timepicker and there was always a problem for example  http   jdewit github io bootstrap-timepicker  would of been perfect but its for bootstrap 2  http   www malot fr bootstrap-datetimepicker  isnt responsive  and I went through at least 3 more that either wouldnt work for bootstrap 3  wasnt responsive  or didnt support 24 hour system  which I need   So if anyone knows of any good one that looks neat preferably like the jdewit one  that is responsive and that supports 24 hour system please share it would be greatly appreciated and would end my week long search so I can finally move on to something new  p Thank you

User · Answer

Kendo UI provides the best and ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. You can quickly build eye-catching, high-performance, responsive web applications regardless of your JavaScript framework choice. Here is a timepicker UI component from them:

Also below is an alternate and a simple solution

<!--Css-->
<link href="css/timepicker.css" type="text/css" rel="stylesheet" />

<!--Html-->
<div class="row">
    <div class="col">
        <label class="label-in">Time</label>
        <input class="timepicker" id="event-time" type="text" value="" required="">
    </div>
</div>

<!--Script-->
<script src="Scripts/ClockPicker.js"></script>
<script>
   $('.timepicker').timepicker({
     });
</script>

Here is yet another popular framework Bootstrap Time Picker from mdbootstrap

User · Answer

This is a slightly modified version of http   jdewit github io bootstrap-timepicker  which supports bootstrap 3  You can check it out here  https   github com m3wolf bootstrap3-timepicker Let me know if it does not work and I will try to find an alternative   Update  Here is another one based off of the same version  but modified for bootstrap 3  https   github com rendom bootstrap-3-timepicker  Update 2  Here is yet another one  http   bootstrapformhelpers com timepicker

User · Answer

With Bootstrap 3 4 1  http   jdewit github io bootstrap-timepicker  does not work and is no longer maintained  https   github com jdewit bootstrap-timepicker  This one  quot https   github com rendom bootstrap-3-timepicker quot  is announced as  Timepicker for Twitter Bootstrap 3 fork of https   github com jdewit bootstrap-timepicker Bootstrap Time Picker from mdbootstrap is a  quot MDB PRO COMPONENT quot  and is priced     99 for  quot Lifetime usage  12 months of premium support and unlimited updates quot    Was someone able to have a timepicker working with Bootstrap 3 4

User · Answer

Here s another option I found recently while exploring the same issue  Eonasdan on Github  Worked well for me in a  NET MVC Bootstrap 3 environment    Here s an example page for it as well

User · Answer

Above of all  I found this library right here  Works out of the box perfectly on a Bootstrap-3 environment  Bootstrap-3 Clock-Picker CSS  lt link rel  quot stylesheet quot  type  quot text css quot  href  quot dist bootstrap-clockpicker min css quot  gt   HTML  lt div class  quot input-group clockpicker quot  gt       lt input type  quot text quot  class  quot form-control quot  value  quot 09 30 quot  gt       lt span class  quot input-group-addon quot  gt           lt span class  quot glyphicon glyphicon-time quot  gt  lt  span gt       lt  span gt   lt  div gt   JAVASCRIPT  lt script type  quot text javascript quot  src  quot dist bootstrap-clockpicker min js quot  gt  lt  script gt   lt script type  quot text javascript quot  gt          clockpicker   clockpicker     lt  script gt   As simple as that  Find more examples on the link above  Update 18 04 2018 If you are using Bootstrap-4  the most popular time date picker library available right now is Tempus Dominus  It is not fancy looking  but much responsive and modern  Bootstrap-4 Tempus Dominus

User · Answer

As an update to the OP s question  I can confirm that the timepicker found at http   jdewit github io bootstrap-timepicker  does in fact work with Bootstrap 3 now with no problems at all

[javascript] Responsive bootstrap 3 timepicker?

Examples related to javascript

Examples related to jquery

Examples related to twitter-bootstrap

Examples related to timepicker