jQuery DatePicker. Как вставить datepicker.gif после поля ввода

Question

Как вставить изображение после поля ввода при использовании jQuery datepicker?

Я ожидаю использовать функцию: 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)
        });

В форме есть поле ввода. Но ни одно изображение не заканчивается после него. DatePicker работает просто отлично при нажатии на поле ввода.

Что делать? Я использую это неправильно?

BR. Андерс

Answer 1

Вам не хватает опции showOn: 'button'. Ваш код работает как есть с включенной этой опцией.

Answer 2

Используйте опцию вставки с ним. Пример:

 // Setup datepicker for Tasks dialog (high z-index) 
 // Start date
 $('.start-date').datepicker({
     showOn: 'button', 
     buttonImageOnly: true, 
     dateFormat: 'yy-mm-dd',
     buttonImage: 'images/calendar.gif',
     beforeShow: function (i, e) {
         var z = 2000;
         e.dpDiv.css('z-index', z);
     }  
  }).addClass("embed");

Answer 3

Попробуйте убрать все опции, кроме buttonImage. Если это работает, добавляйте их по одному за раз.

Если это не сработает, пожалуйста, оставьте свой HTML.

Кроме того, убедитесь, что вы не звоните $.datepicker() дважды.