datepicker没有下一个和上一个的图像

时间:2013-12-04 19:24:59

标签: jquery css datepicker jquery-ui-datepicker

我正在使用这些库的日期选择器

JS

http://code.jquery.com/jquery-1.9.1.js

http://code.jquery.com/ui/1.10.3/jquery-ui.js

CSS

http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

我得到了这个结果

enter image description here

看到nextprev

上没有图片

任何帮助?

1 个答案:

答案 0 :(得分:0)

如果查看jquery-ui.css文件,可以找到一些图像引用(我从搜索url(开始)。这些引用指向images/中的文件,这意味着它正在查找相对于该CSS文件的images文件夹中的文件。

您提到您在服务器上托管CSS。例如,假设这是您的目录结构:

/
|__jquery-ui/
   |__smoothness/
      |__jquery-ui.css

您需要在smoothness目录中创建一个images文件夹,并将应该附带jQueryUI下载的图像放在那里(如果没有它们,请转到jQuery UI的站点并重新下载它们)。

您的文件结构应如下所示(需要注意的重要事项是与images/在同一目录中的jquery-ui.css目录):

/
|__jquery-ui/
   |__smoothness/
      |__jquery-ui.css
      |__images/
         |__ui-icons_222222_256x240.png
         |__ui-icons_888888_256x240.png
         |__etc...

或者,您可以直接链接到CDN上的CSS文件,例如code.jquery.com,它会将所有图片放在正确的位置。你可以用以下代码替换你对jQuery UI CSS的链接:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">