Question

How to insert an image after the input field when using jQuery datepicker?

I expect to use the function: buttonImage.

My jQuery code:

        jQuery('.datepicker').datepicker({
            buttonImageOnly: true,
            buttonImage: 'http://finansraadet.opengate.dk/images/arrowH3.gif',
    //      dayNamesMin: ['man', 'tir', 'ons', 'tor', 'fre', 'lør', 'søn'],
    //      monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
    //      yearRange: '2004:2015',
          changeMonth: true,
          changeYear: true,
          dateFormat: 'dd-mm-yy',
          minDate: new Date(1973, 1 - 1, 1)
        });

In the form there is an input field. But no image end up after it. The datepicker works just fine when clicking the input field.

What to do? Am I using it wrong?

BR. Anders

Answer 1

You are missing the showOn:’button’ option. Your code works as is with this option switched on.