JQuery UI datepicker如何显示月导航的下一个上一个箭头?

时间:2010-02-11 11:28:16

标签: javascript jquery-ui datepicker

正如标题所说。

当我加载datepicker时什么都没有 在最后点击更改月份。

但你可以改变月份 没有视觉?

6 个答案:

答案 0 :(得分:15)

听起来图形没有正确加载。默认情况下,jQuery UI期望带有图像的文件夹是css文件所在文件夹的子文件夹。使用诸如firebug('Net'选项卡)之类的工具来检测带箭头的图像请求,并查看它尝试加载它的URL。

答案 1 :(得分:2)

听起来您的主题不完整,请确保您正确加载月更改选项。

$( ".date" ).datepicker({ changeMonth: true });

$( ".date" ).datepicker( "option", "changeMonth", true );

并检查CSS是否正确找到,您可以使用firebug检查调用的文件,而不是在“NET”选项卡中找到

答案 2 :(得分:2)

简短回答。您没有加载由jquery ui主题提供的图像。 在chrome或firefox中打开控制台,你会被告知 哪些图像以及放置图像的位置。

答案 3 :(得分:1)

我也偶然发现了这个问题。

我做的是,我刚刚重新下载了这个主题。事实证明我的主题文件夹中的图像已损坏。

答案 4 :(得分:0)

我遇到了类似的问题。我可以改变月份,但箭头不可见。即使我在页面中给出一种样式来覆盖。奇怪,因为他们在其他页面上工作。

<style type='text/css'>
ui-icon ui-icon-circle-triangle-e {z-index:9999 !important; position:absolute} 
</style>

答案 5 :(得分:0)

如果你去Chrome或FF并使用检查员,它会告诉你需要哪个图像。 元素看起来像这样

<span class="ui-icon ui-icon-circle-triangle-w">

    Prev

</span>

CSS规则看起来像这样

   background-image: url("images/ui-icons_d8e7f3_256x240.png");
}

如上所述,网络标签是查看未加载图像的好地方。

这里的问题是url是相对于js文件的。 单击404图像中的一个,您将不会在顶部请求URL。 请注意,url是相对于JS文件的,所以如果你有一个关闭根目录的图像文件夹,那么把图像放在那里就不会帮到你了。 从您下载的zip中复制images文件夹并将其放在js文件夹中。 这解决了我的问题。

我将ChangeMonth的文档读作不同的东西。我不认为这将解决这里所述的问题。 http://api.jqueryui.com/datepicker/#option-changeMonth