Question

我这样使用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”会生成图像。我检查了一下。

当这段代码执行时，我最终会找到没有图标的工作日期选择器。如果我对文本框进行聚焦，则会出现日历。

为什么日历图标不显示？

Answer 1

我认为该选项仅在您关注输入时才会激活，因为默认为showOn: 'focus'

所以，检查更改此行：

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

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

Answer 2

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

另外，我认为在输入在DOM树之前，日期选择器很难添加图标。因此，您应该考虑交换appendTo()和datepicker()来电：

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