Jquery datePicker

Question

J'ai un léger problème avec le jpery datepicker en ce qu'il affiche ci-dessus la case cible. Cela est dû à la façon dont ma page est configurée. J'ai trouvé le problème avec CSS dans ma page via firebug, malheureusement il est en conflit avec environ 20 éléments.

Ensuite, j'ai essayé de me connecter à l'événement "beforeShow" qui fonctionne, mais après le déclenchement de l'événement, il recalcule et le place où il veut.

beforeShow: function() { 
       $('#ui-datepicker-div').show(); 
       var offset = $('#ui-datepicker-div').offset(); 
       $('#ui-datepicker-div').css({ 
        top: (offset.top + 222) + 'px' 
       }) 
      } 

Est-ce que quelqu'un d'autre a des idées comment je peux repositionner cela? J'ai juste besoin de le déplacer vers le bas d'environ 200 pixels impairs.

Answer 1

Outrepasser la fonction _showDatepicker semble fonctionner:

(function() { 
var orig = jQuery.datepicker._showDatepicker; 

jQuery.datepicker._showDatepicker = function(input){ 
    orig.apply(this, arguments); 
    $('#ui-datepicker-div').css('top', '100px'); 
} 
})();