JQuery TimePicker Theme Is Not Working

What I have missed? My timepicker looks like this, it doesn't use the theme for timepicker. Inside html file:

Solution 1:

Does the theme that you downloaded have a theme name? Sometimes the theme CSS path might need to include that name... for example, if the theme name is "custom-theme", it would be like this:

<link type="text/css" href="css/custom-theme/jquery-ui-1.8.16.custom.css" />

Unless you are sure that the paths are correct for your CSS files. It just seems like the CSS part isn't actually getting found, from your first screenshot.

EDIT:

After looking at the links below, it looks like there's a problem with the jquery-ui theme CSS file (that particular Overcast theme CSS file.) It seems to work if I change out that top CSS link to something like this:

<link type="text/css" rel="stylesheet" href="http://trentrichardson.com/examples/timepicker/css/ui-lightness/jquery-ui-1.8.16.custom.css" />

Also note: that CSS link seemed to need the extra:

rel="stylesheet"

in there... otherwise it still wouldn't appear correctly.

The ui-lightness theme might not be what you are looking for... but, I would probably try re-downloading the Overcast theme to see if that works.

Share