日历图标不显示答案

【问题标题】：calendar icon doesn't show up日历图标不显示
【发布时间】：2011-10-27 13:25:21
【问题描述】：

我正在以这种方式使用 jquery ui datepicker：

$('<input type="text" />').datepicker({
    buttonImage: "http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif"
}).appendTo(container);

这个路径“http://localhost:2000/proj/styles/calendar/images/calendar/cal.gif”指向一张图片。我检查了它。

当此代码执行时，我会得到没有图标的工作日期选择器。如果我聚焦文本框，则会出现一个日历。

为什么不显示日历图标？

【问题讨论】：

当您将该 URL 直接放入浏览器地址字段时会发生什么？
您是否需要使用其完全限定域名引用该图像？如果您的页面在同一台服务器上，我会使用“/proj/styles/calendar/images/calendar/cal.gif”。
@Pointy：它在浏览器中显示图像。
所有浏览器都会出现这种情况吗？

【解决方案1】：

您需要将showOn 选项设置为button 或both 才能显示图标。

另外，我认为 datepicker 在输入位于 DOM 树之前很难添加图标。因此，您应该考虑交换 appendTo() 和 datepicker() 调用：

$('<input type="text" />').appendTo(container)).datepicker({
    buttonImage: "icon url",
    buttonImageOnly: true,
    showOn: 'button'
});

【讨论】：

【解决方案2】：

我认为该选项只会在你聚焦输入时激活，因为默认为showOn: 'focus'

所以，检查更改这一行：

buttonImage: '', // URL for trigger button image

在datepicker的主源中（默认：jquery.ui.datepicker.js）

【讨论】：