2013-07-31 4 views
0

My jQuery UI datepickers pop down, и это заставляет их иногда исчезать в нижней части экрана. Я хотел бы заставить их выскакивать вверх.Сделать jQuery datepicker pop вверх

Я наткнулся на этом решении http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerPosition.html и поэтому я добавил в этом коде в самом конце, после все мои другие JS были загружены, но я получаю неперехваченный TypeError: Object [объект Object] не имеет какую-либо методы 'Datepicker.

Любая идея, что не так, или есть другой способ?

<!--Make the datepicker pop upwards--> 
<script type="text/javascript"> 

$(function() 
{ 
    $('.date-pick') 
      .datepicker({createButton:false}) 
      .bind('click', 
        function() 
        { 
          $(this).dpDisplay(); 
          this.blur(); 
          return false; 
        } 
      ); 
    $('#bl').dpSetPosition($.dpConst.POS_BOTTOM, $.dpConst.POS_LEFT); 
}); 
</script> 

ответ

0

JQuery UI DatePicker в нижнем регистре, поэтому изменить

.datePicker({createButton: false}) 

в

.datepicker({createButton: false}) 

ссылка на источник: http://jqueryui.com/datepicker/

Edit: Это также выглядит как DatePicker в вашем примере либо другой дампикер, либо другой, который был создан до его индукции в jquery-ui, поэтому есть несоответствие.

+0

Спасибо. Но теперь я получаю «Uncaught TypeError: не могу прочитать свойство« POS_BOTTOM »неопределенного« – Amoeba

+1

Да, похоже, что jquery-ui datepicker не имеет аргумента dpConst, поэтому вам может потребоваться перейти с помощью jquery-ui datepicker к использованию функции jquery datePicker, которая предоставляется на вашем сайте примера. Если все, что вы хотите сделать, - это перемещение datepicker, вы можете сделать это с помощью CSS, хотя '.ui-datepicker { margin-left: -100px; Запас-топ: -100px; } 'или сколько вам нужно, чтобы оно переместилось и/или вверх. – johnr

+0

Приветствия, которые сработали. Я не понимал, что это так просто! Благодаря!! – Amoeba

Смежные вопросы