jQuery Forum

Hi,

I want to be able to disable the ability to select past dates with the datepicker, I believe it has something to do with 'min date' but cant work out how to so it...

here is my code so far:

1. <script>
       $(function() {
           var dates = $( "#from, #to" ).datepicker({
               dateFormat: 'dd MM yy',                                     
               defaultDate: "+0d",
               changeMonth: false,
               numberOfMonths: 1,
               showOn: 'both',
               buttonImage: 'contact/calendar/calendar.gif',
               buttonImageOnly: true,
               onSelect: function( selectedDate ) {
                   var option = this.id == "from" ? "minDate" : "maxDate",
                       instance = $( this ).data( "datepicker" );
                       date = $.datepicker.parseDate(
                           instance.settings.dateFormat ||
                           $.datepicker._defaults.dateFormat,
                           selectedDate, instance.settings );
                   dates.not( this ).datepicker( "option", option, date );
               }
           });
       });
       </script>
   

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