Problems with jQuery UI Datepicker

Question

Ok, I've rolled my own theme, I've made a custom jQuery UI pack (progress bar, date picker, slider) and installed it all. Seems to (mostly) work except for two things:

When my page first loads the datepicker div is visible; and
The text "Next" and "Prev" are visible in large font underneath my icons. None of the examples seem to have this problem.

Now (1) I'm currently solving by:

#ui-datepicker-div { display: none; }

in another CSS file but again none of the demos seem to need this.

What am I missing?

Boot up firebug, highlight the buttons and find out what styles are being assigned. Then post them here, that should help us debug your problem. — Mike Robinson
– Mike Robinson, Commented Jan 29, 2009 at 22:10

Taytus · Accepted Answer · 2011-01-12 23:15:12Z

7

I fixed it using #ui-datepicker-div { display: none; }

answered Jan 12, 2011 at 23:15

Taytus

1192 silver badges2 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sjngm · Accepted Answer · 2012-01-12 08:05:45Z

5

Ok many thanks, It's Work bro, here what I've did to resolve : write this style to file jquery-ui-1.7.1.custom.css (or anye css file that you loaded) :

#ui-datepicker-div { display: none; }

then refresh your page

edited Jan 12, 2012 at 8:05

sjngm

13k16 gold badges90 silver badges118 bronze badges

answered Jan 12, 2012 at 7:59

ndang

511 silver badge1 bronze badge

Comments

andyk · Accepted Answer · 2009-01-29 08:45:50Z

2

make sure your javascript files are properly loaded, check for missing files or incorrect path.
make sure that your script run after the document is ready, try putting your script before and/or inside the $(document).ready(){}
try stripping out your own css to see if there's any css conflict.
post some code for us here. :)

answered Jan 29, 2009 at 8:45

andyk

10k10 gold badges39 silver badges42 bronze badges

Comments

Gareth · Accepted Answer · 2012-01-12 08:12:02Z

2

I had a similar problem because I was using the wrong version of the stylesheet for the version of jQuery UI I was using (I'd upgraded the jQuery UI without upgrading the stylesheet). If you're using jQuery UI 1.8.17, make sure that the stylesheet being used is also version 1.8.17.

answered Jan 12, 2012 at 8:12

Gareth

5,7283 gold badges30 silver badges40 bronze badges

3 Comments

Gareth Over a year ago

I wonder why this question was dug out of the vault after nearly 3 years?

mutantacule Over a year ago

dunno, but we just had the same problem here

davehale23 Over a year ago

This also just started happening to me. I rolled my own theme with the theme-roller and had this same problem.

jacobangel · Accepted Answer · 2009-01-29 07:15:00Z

1

Knowing nothing else about your problem, I believe it may be other css on your page conflicting with the picker.

answered Jan 29, 2009 at 7:15

jacobangel

7,0262 gold badges37 silver badges35 bronze badges

Comments

testing · Accepted Answer · 2012-07-26 15:04:21Z

1

For me the css was not included (jquery.ui.datepicker.css). So I saw a div (ui-datepicker-div) at the bottom of the page and I got the following error with FireBug: instActive is undefined.

answered Jul 26, 2012 at 15:04

testing

20.3k54 gold badges246 silver badges436 bronze badges

Comments

incomplete · Accepted Answer · 2012-12-14 06:05:05Z

1

Please change from instActive.inline to (typeof(instActive) == 'undefined' || instActive.inline)

in your jqueryui.js

For discussion on this goto->http://code.google.com/p/jquery-datepicker/issues/detail?id=285

answered Dec 14, 2012 at 6:05

incomplete

5461 gold badge7 silver badges12 bronze badges

Comments

Ishnatal · Accepted Answer · 2013-05-07 20:02:40Z

0

Since no one answered the second part of the question...

Add the following two lines to your .ui-icon CSS:

text-indent: -99999px;
overflow: hidden;

That should fix "Prev" and "Next" showing up.

answered May 7, 2013 at 20:02

Ishnatal

133 bronze badges

Collectives™ on Stack Overflow

Problems with jQuery UI Datepicker

8 Answers 8

Comments

Comments

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

Comments

Comments

Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related