如何禁用jquery-ui-datepicker的按钮包装？

Question

请参阅此sample page。

我想要使用的图标是：

​

​

该图标如页面所示，如下所示：

​

​

如何让DatePicker无需修改即可使用我的原始图标？

Answer 1

您需要将buttonImageOnly property设置为true，如下所示：

$('#datepicker').datepicker({
   showOn: 'button', 
   buttonImageOnly: true,
   buttonImage: 'http://dl.dropbox.com/u/464119/kuzando/datepicker/calendar.png'
});

From the docs

如果将buttonImageOnly：设置为

，则会将图像放在用作触发器的字段之后，而不会出现在按钮上。