We help IT Professionals succeed at work.

Styling the jQuery Date Picker

curiouswebster
on
Medium Priority
411 Views
Last Modified: 2012-08-13
I need to change the colors and various aspect of the styling, before the jQuery Date Picker can be found to be acceptable by the site owners.

What things do I have the flexibility to style differently?
How would I go about making the change?

At the moment, I see the left and right arrows are being displayed at "Prev" and "Next" links. I want the arrows like in this demo:

http://jqueryui.com/demos/datepicker/#dropdown-month-year

Also, the calendar has an invisible backing but I'd like it to display as a normal calendar.

I would make the changes in jquery-ui.css for my proof of concept. What classs do I need to change? (I use jQuery UI CSS Framework 1.8.16)

Thanks!
Comment
Watch Question

Top Expert 2011
Commented:
(look at the top right of the page and you'll see a drop-down that says "Theme: UI lightness")

These are available through "Theme Roller" at http://jqueryui.com/themeroller/

leakim971Multitechnician
CERTIFIED EXPERT
Distinguished Expert 2019
Commented:
check the path of your jquery ui CSS file : jquery-ui-1.8.16.custom.css



Additionaly you can use beautiful jquery ui theme, one from other :
http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css
curiouswebsterSoftware Engineer

Author

Commented:
ThemeRoller might be a great tool. But do the styles it creates work with other browsers?
Top Expert 2011

Commented:
"ThemeRoller might be a great tool. But do the styles it creates work with other browsers?"

Ever since I've been using it, yes (FF4+, IE6+, Chrome 11+ on XP and Win7)
curiouswebsterSoftware Engineer

Author

Commented:
I imagine it creates CSS that could then be modified by the person doing the styling, if they wanted IE 8 support, for example.
curiouswebsterSoftware Engineer

Author

Commented:
Thanks!

Explore More ContentExplore courses, solutions, and other research materials related to this topic.