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

Question

抱歉这个简单的问题。

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

jQuery UI是否包含calendar.gif图标（不是datepicker本身，而只是小图标）？如果没有，你能建议我在哪里可以获得免费的小日历吗？

据我了解，我按如下方式添加日历：     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

据我所知，事实并非如此。当我使用datepicker时，我提供了自己的，但我已经有了一个图标。

你可以google它，但这里有一些免费图标：http://findicons.com/search/calendar

Answer 3

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

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