jquery datepicker：自定义图标

Question

我知道在datepicker中有一个用于添加日历图标的选项， 但它只会在将插件应用到文本框后显示。 我的问题是：我如何使用自己的图标（由标记添加） 用于触发datepicker的文本框？ 感谢

Answer 1

我认为你可以在这里添加隐藏字段，而不是使用图像你可以打开datepicker。 像，

<input type="hidden" id="datepker" />

现在使用此代码，

$("#datepker").datepicker({
        showOn: "button",
        buttonImage: '../calender.gif', //your own image path
        buttonImageOnly: true,
});

这不会显示文本框并且正常工作。

Answer 2

您需要使用.datepicker('show')手动显示日期选择器（初始化后）。其余部分使用标准showOn: 'focus'选项。

有关示例，请参阅此jFiddle（使用button代替图片，但原则相同）