jQuery Forum

Hi,

I'm creating a form with a start date and end date so using the 'event search' datepicker, but I want the input box to have a calendar icon like on the 'icon trigger'

so my form works great with the 'event search' I just don't know how to integrate the 'icon trigger'

I have this:

1. <script>
2.     $(function() {
3.         var dates = $( "#from, #to" ).datepicker({
4.             defaultDate: "+1w",
5.             changeMonth: false,
6.             numberOfMonths: 1,
7.             onSelect: function( selectedDate ) {
8.                 var option = this.id == "from" ? "minDate" : "maxDate",
9.                     instance = $( this ).data( "datepicker" );
10.                     date = $.datepicker.parseDate(
11.                         instance.settings.dateFormat ||
12.                         $.datepicker._defaults.dateFormat,
13.                         selectedDate, instance.settings );
14.                 dates.not( this ).datepicker( "option", option, date );
15.             }
16.         });
17.     });
18.     </script>

I just dont know where to put the part about the button image:

1. //getter
2. var buttonImage = $( ".selector" ).datepicker( "option", "buttonImage" );
3. //setter
4. $( ".selector" ).datepicker( "option", "buttonImage", '/images/datepicker.gif' )

or is it this bit of code:

1. $( ".selector" ).datepicker({ buttonImage: '/images/datepicker.gif' });

thanks in advance