Simple Question About the jQuery Datepicker s Calendar Icon

0 votes
Sorry for the simple question.

I'm using a jQuery DatePicker. I want the little calendar icon to appear next to the text input area. I'm using the Smoothness jQuery UI theme.

Does jQuery UI include the calendar.gif icon (not the datepicker itself, but just the little icon)? If not, can you suggest where I can get a free small calendar.gif?

As I understand it, I add the calendar as follows: buttonImage: 'images/calendar.gif'

Thank you.
Aug 18, 2022 in Web Development by gaurav
• 23,260 points
551 views

1 answer to this question.

0 votes

You could use the built in icons from jQuery UI; there is a calendar icon. The code is something like:

$("#datepicker").datepicker({
    showOn: 'button'
}).next('button').text('').button({
    icons: {
        primary: 'ui-icon-calendar'
    },
    text: false
});
answered Aug 18, 2022 by rajatha
• 7,680 points

Related Questions In Web Development

0 votes
0 answers

jQuery ui dialog add a help icon in the titlebar

I'd like to add a help icon ...READ MORE

Jul 28, 2022 in Web Development by gaurav
• 23,260 points
547 views
0 votes
0 answers

jquery mobile - remove icon disc in the header

I am using jqm 1.4.5 to create ...READ MORE

Aug 12, 2022 in Web Development by gaurav
• 23,260 points
402 views
0 votes
1 answer

How to create a simple map using JavaScript/JQuery

var map = new Object(); // or ...READ MORE

answered Jun 27, 2022 in Web Development by rajatha
• 7,680 points
1,011 views
0 votes
0 answers

How to add a link in Jquery PrettyPhoto to download the image

I am using Jquery PrettyPhoto to have ...READ MORE

Jun 29, 2022 in Web Development by gaurav
• 23,260 points
694 views
0 votes
0 answers

jQuery UI DatePicker - Change Date Format

I am using the UI DatePicker from ...READ MORE

Jun 23, 2022 in Web Development by gaurav
• 23,260 points
890 views
0 votes
1 answer

TypeError: $(...).autocomplete is not a function

You would definitely have missed the Jquery ...READ MORE

answered Feb 23, 2022 in JQuery by Aditya
• 7,680 points
7,852 views
0 votes
1 answer

How do I format date in jQuery datetimepicker?

jquery datepicker format” Code Answer's $('#timePicker'). datetimepicker({ // dateFormat: ...READ MORE

answered Jun 3, 2022 in JQuery by Edureka
• 13,670 points
18,712 views
0 votes
1 answer

How do I format date in jQuery datetimepicker?

jquery datepicker format” Code Answer's $('#timePicker'). datetimepicker({ // dateFormat: ...READ MORE

answered Jun 3, 2022 in JQuery by Edureka
• 13,670 points
988 views
0 votes
1 answer

How can I create a simple page vertical scroll bar without using jQuery?

Surprisingly, there is not a great, simple ...READ MORE

answered Jun 22, 2022 in Web Development by rajatha
• 7,680 points
347 views
0 votes
1 answer

What is the difference between JavaScript and jQuery?

JavaScript is an independent language and can ...READ MORE

answered Jun 27, 2022 in Web Development by rajatha
• 7,680 points
461 views
webinar REGISTER FOR FREE WEBINAR X
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP