Jquery 如何向日期选择器添加箭头？

我已经构建了一个表单，希望使用UI Datepicker帮助人们选择日期。Datepicker工作正常，但不包含如何从一个月移动到另一个月的[可见]线索。我知道在上角单击会将日历移动到下一个月或上一个月，我想在角框中添加一条视觉线索，以帮助我的用户。如何将图像附加到显示器上

我不能提供日历的显示，因为我是一个新用户，但右指针和左指针将位于datepicker日历的上角，在那里单击可以根据需要更改日历

---

修正

在我看来，浏览器找不到图像（存储在/images/中），除非CSS包含在脚本标记的头中。请参阅下面的文件结构。铬的行为是不同的。目前，我并不关心Chrome的问题

问了这个问题后我做了什么：

我试图使用jsfiddle，但没有多大成功

我在网上举了三个例子。查看源代码以查看代码。（对不起，我仅限于2个链接。）

• （包括CSS）
• （CSS由
  ）
• （CSS由

  @import（）

  ）

不同之处在于如何检索CSS

• datepicker的CSS包含在粘贴在此处的jquery-ui.datepicker.CSS的

  代码中的文档头中

• CSS由

• 结果因浏览器而异：
  • Firefox 4、Safari 5或IE 8： 版本1可以正常工作，包括箭头和其他。datepicker的CSS包含在粘贴在此处的jquery-ui.datepicker.CSS的

    代码中的文档头中
    

  • 版本2和版本3找不到图像。其他格式正确

  • 使用Chrome时，布局是正确的（日历显示为全尺寸且有效），但不会显示颜色或箭头

文件结构 WebRoot

• /css
  • /reset.css
  • /basefont.css
  • jquery.ui.datepicker.min.js
• /图像
  • /ui-[xxx].png（多个图像）
• /js
  • /自由基
    • /jquery-1.6.1.min.js
    • /jquery.ui.datepicker.min.js

---

这看起来您缺少CSS文件或图像

除了jQuery（UI）JavaScript文件之外，还需要将jQueryUI CSS文件附加到脚本中。 您可以从网站下载整个软件包，包括js、css、图像

---

请注意，图像（默认情况下）需要位于相对于CSS文件位置的图像/文件夹中。如果你想改变这个结构，你需要改变背景图像的图像路径：CSS文件中的声明。

正如许多人建议的那样，在从jquery ui库添加缺少的图像后，我必须清除Chrome中的缓存才能看到箭头图像。现在似乎很好。

我也遇到了同样的挑战。如果右键单击箭头图像应该位于的位置并选择“查看背景图像”，则可以确定日期选择器是否正在查找图像。当我点击它时，它会显示一些信息，如“找不到图像…”，然后显示它正在查找图像的文件路径。然后我从下载的jQueryUI文件夹中找到了同名文件，并将其移动到错误消息中显示的文件路径

---

这对我很管用。不确定您是否面临同样的挑战。：）

我想我可能已经找到了答案。看起来好像我把它拿走了

media="all"

---

它工作的部分。

我发现由于图像文件夹的权限，箭头的图像没有显示。我从下载的zip文件中复制了整个图像文件夹

---

一旦我更改了所有用户的只读权限，图像就会出现。

您可以从外部源使用jQuery UI文件，而不是下载它们（除非您需要自定义主题）。我已经做好了准备。对于这把小提琴，我从侧边栏的“框架和扩展”部分中选择了以下内容：

• jQuery 2.0.2和jQuery UI 1.10.3

请注意，上面的选择是外部框架，对所有用户都应该以相同的方式工作

HTML jQuery

---

给我们看一些代码。在这方面非常有用。@Matt--就像这个：--这表明默认情况下，当CSS存在时，确实有箭头来导航月份。我来看看jsfiddle.net，它看起来非常有用。同时，我发现了如何添加月份和年份的下拉列表，这是解决问题的一种方法。我只是太固执了，不想放弃。我明天回来，因为我在家工作。我也可以把页面放在其他人可以看到的地方。它现在正在我的笔记本电脑开发网站上运行。谢谢你的回复。好奇者，好奇者。我发现datepicker在一些浏览器中显示所需的箭头，而不是在其他浏览器中。这还取决于我如何加载CSS。我发现：如果我将jquery-ui.datepicker.CSS直接粘贴到html的头部，ui datapicker在Firefox和Safari中工作良好。Chrome忽略了一些CSS。如果我将css放在一个外部文件中，并使用@include或link rel=stylesheet包含它，我就不会得到css的任何部分。我正在使用一个测试文件和JSFIDLE来尝试隔离问题。以后再说。

<div id="datepicker">
    <!-- jQuery UI datepicker goes here -->
</div>

/* This CSS will put a solid red border around the arrow symbols. */
.ui-datepicker-header .ui-icon {
    border:2px solid #F00;
}

// This jQuery will embed a datepicker widget into the page itself,
// not as an overlay element.

$(function() {
    $("#datepicker").datepicker();
});