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

Posted 2023-05-08

【中文标题】datepicker 没有下一个和上一个的图像

【英文标题】：datepicker has no images for next and prev

【发布时间】：2013-12-21 10:56:19

【问题描述】：

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

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

我得到了这个结果

查看next 和prev 上没有图片

有什么帮助吗？

【问题讨论】：

检查图片的 CSS 路径，并通过控制台查看浏览器正在查看的位置。

@j08691 我在谷歌浏览器中使用F12，它并没有告诉我有错误。另外，我应该在哪里看我的CSS？这是巨大的:)

您实际上是链接到code.jquery.com 托管的jquery-ui.css，还是将其托管在您的服务器上？

@CWSpear 我将它们托管在我的服务器中

【参考方案1】：

如果您查看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">