search

smalot / bootstrap-datetimepicker

Both Date and Time picker widget based on twitter bootstrap (supports Bootstrap v2 and v3)
http://www.malot.fr/bootstrap-datetimepicker/
Apache License 2.0
3.49k stars 1.65k forks source link

Bootstrap 3 support? #254

Open simtabi opened 10 years ago

simtabi commented 10 years ago

Hello? This really looks super nice, but sadly it doesn't seem to be working on bootstrap 3

Yustie commented 10 years ago

What makes you say that? It does support it.

simtabi commented 10 years ago

Yes, i mean Bootstrap v3.1.1, if you try to use or implement the the script on a project that has Bootstrap v3.1.1 the dropdown css is broken. try it out and see.

Yustie commented 10 years ago

I'm using TB 3.1.1 and latest datetimepicker. Works perfectly. Can you zip your project and host it somewhere? I'll take a look for ya.

simtabi commented 10 years ago

Sadly, i am still on localhost, please would you mind sending a template based on bootstrap 3.1.1 with the script?

jrmyward commented 10 years ago

I'm having the same issue with TB 3.1.1.

A TB 3.1.1 example would be awesome.

Yustie commented 10 years ago

If you guys just download the latest version, it contains an example for TB 3.

@SimTabi, I didn't mean to host your project as in going live, I meant zip your solution and upload it to a site where you can host stuff. Like megaupload.com.

Than, I can take a look for you.

juju95 commented 10 years ago

Same problem here too, just using a blank page with css and js calls for bootstrap and datapicker

the datetimepic is working but the layout is broken, when showing hours, it shows then all in one like like "0:001:002:003:004:005:006:007:008:009:0010:0011:0012:0013:0014:0015:0016:0017:0018:0019:0020:0021:0022:0023:00"

Same if we want to change the years, they are all on a single row And yes, it is working on your 3.0 example but need 3.1.1 one and here the css seems broken

ironbone commented 10 years ago

I also have a problem with Bootstrap 3. Take the simplest example - There are no navigation arrows.

Try with the first example from http://www.malot.fr/bootstrap-datetimepicker/demo.php

Yustie commented 10 years ago

@ironbone, the example on the site works just perfectly for me.

@juju95, the latest works with 3.1.1 too. Unless you upload your project where you want to use this datetimepicker so that I can have a look, your bug 'report' never happened!

ironbone commented 10 years ago

Here is my example. I use external js and css so you need to start it from server.

When I open the datepicker there are no icons (arrows) for next and previuos

Tested in Chrome and Firefox on Linux.

See also the screenshot

I.B.

Sorry - I have sent the code but It is not possible to see it. here. So at least the screenshot. screenshot

Yustie commented 10 years ago

I can't do anything with a screenshot. I believed you when you said the arrows are not visible. But in order for me to help you, I'd need to take a look at your project. Until then, there is not much I can do or say.

ironbone commented 10 years ago

How can I send you my code? It is not possible here. Give me your email adress.

Yustie commented 10 years ago

Zip the project and upload it on any file share website like:

http://www.speedyshare.com/ http://www.filedropper.com/

And share the link of the download file.

ironbone commented 10 years ago

This is my code http://www.speedyshare.com/8pfEs/bootstrap-datetimepicker.zip

Yustie commented 10 years ago

That's not your code, that is the bootstrap-datetimepicker which I can download myself. I asked you to zip the project where you're using this datetimepicker. I can only help you if it's a .NET project.

ironbone commented 10 years ago

This will be better - I replaced the external links - so you can use it locally. Yes this is the simplest datetimepicker example. The problem is it does not work. And I think such an example should just work. http://www.speedyshare.com/gGzWV/bootstrap-datetimepicker.zip Click on index.html and see.

Yustie commented 10 years ago

I can't tell which version of the datetime picker this is. But download this one:

https://github.com/smalot/bootstrap-datetimepicker/releases/tag/2.3.1

open the index.html file in this location: "bootstrap-datetimepicker-2.3.1\sample in bootstrap v3". Try that and report back.

ironbone commented 10 years ago

I use the latest datetime picker

Sorry but i think you do not understand where is the problem. The example from the datetime picker works. The problem is that the first and simplest example described on http://www.malot.fr/bootstrap-datetimepicker/demo.php does not work with bootstrap 3. The most of people start just with this example - and it does not work. I personally use the method from the bootstrap-datetimepicker-2.3.1\sample in bootstrap v3, and I have no problem with this. But I do not need so complicated code - I would like to use the simplest example. If this example is not working one should not give it as an example on the demo page, or should tell - this is an example for bootstrap 2 only.