Problem with CSS

[rafaelmon]

Hello,

I'm trying to implement de plugin, but i have some problem i think whit the CSS and i can't find the problem.

When i try to select de hour the popover appear in the top of the page. i add this files

<script type="text/javascript" src="dist/jquery-clockpicker.js"></script> <script type="text/javascript" src="dist/jquery-clockpicker.min.js"></script> <script type="text/javascript" src="src/clockpicker.js"></script> <script type="text/javascript" src="assets/js/jquery.min.js"></script> <script type="text/javascript" src="assets/js/highlight.min.js"></script>

Any idea?

Thanks for your time.

Regards

[koshin]

I have same problem. I'm using bootstrap version. bootstrap v. 3

[djibe]

For an updated Bootstrap 4 version, you can see my fork here : https://github.com/djibe/clockpicker

In your case, why are you invoking dist/jquery-clockpicker.js, then dist/jquery-clockpicker.min.js, then src/clockpicker.js ?
Declare jquery first and only jquery-clockpicker.min.js after that.

[kstratis]

A bit late to the party but the most probable reason you're seeing this is because of the DOM ready event. Since JQuery 3 released, there have been a few changes on the way it loads which may have an impact on this plugin. Try initiating the widget after explicitly waiting for the DOM load event.

i.e.

$(document).ready(function(){
  $('.clockpicker').clockpicker();
});