javascript - 将 JQuery UI Datepicker 与 Jquery UI 主题中的图标一起使用

Question

我有一个使用 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>

是否可以轻松地将两者结合起来，还是我只需要手动修改样式/图像？

Answer 1

我通过这样做让它工作

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

只需修改它在日历输入旁边插入的按钮。默认情况下，他们会在文本中抛出三个省略号，所以我也将其删除。