将 JQuery UI Datepicker 与 Jquery UI 主题中的图标结合使用

我有一个使用 JQuery UI 的日期选择器控件设置，我还使用 JQuery UI 主题，它提供了一堆我想使用的默认图标。

DatePicker 允许指定特定图像，即：

<script type="text/javascript">
  $(document).ready(function() {
    $("#DateFrom").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'images/ui-icon-calendar.png' });
  });
</script>  

要显示图标集中的图标，您可以使用以下命令：

<span class="ui-icon ui-icon-calendar"></span>

是否有一个简单的方法可以将两者集成，或者我只需要手动修改样式/图像？

我通过这样做得到了它的工作

$("#DateFrom").datepicker({
    showOn: 'button'
}).next('button').button({
    icons: {
        primary: 'ui-icon-calendar'
    }, text:false
});

只需修改它在日历输入旁边插入的按钮即可。默认情况下，他们在文本中添加三个省略号，因此我也将其删除。