关于jQuery Datepicker的日历图标的简单问题

Question

对不起，这个简单的问题。

我正在使用jQuery DatePicker。我希望日历小图标显示在文本输入区域旁边。我正在使用“平滑度jQuery UI”主题。

jQuery UI是否包含calendar.gif图标（不是日期选择器本身，而是小图标）？如果没有，您能建议我从哪里获得免费的小型calendar.gif？

据我所知，我将日历添加如下：buttonImage：“ images / calendar.gif”

谢谢。

Answer 1

您可以使用jQuery UI中的内置图标；有一个日历图标。代码类似于：

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

查看实际使用情况：http://jsfiddle.net/william/rrcmq/。

受本文启发：http://www.somethinghitme.com/2010/10/06/use-built-in-jquery-ui-icon-with-datepicker/。

Answer 2

据我所知不是。当我将日期选择器与一个日期选择器一起使用时，我提供了自己的图标，但是我已经有一个图标。

您可以用谷歌搜索，但是这里有一些免费的图标：http://findicons.com/search/calendar

Answer 3

只需转到JQueryUI站点，然后单击Demo，然后选择Dateicker，然后选择图标触发器示例。您将在此page(datepicker icon-trigger example)上，页面将如下图所示。

现在右键单击以黄色标记的日历图标，然后通过选择“将图像另存为...”进行下载并将其包含在项目中，然后buttonImage: 'images/calendar.gif'会正常工作。