日历图标不显示

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 选项设置为 button 或 both 才能显示图标。

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

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

请参阅实际操作：http://jsfiddle.net/william/GyP2u/1/。

Answer 2

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

因此，请检查更改此行：

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

在 datepicker 的主要源中（默认值：jquery .ui.datepicker.js)