Проблемы с выбором даты в jQuery UI - PullRequest
Новая
       17

Проблемы с выбором даты в jQuery UI

1 голос
/ 27 мая 2010

Я пытаюсь отобразить базовый указатель даты jQuery в моем приложении. Когда пользователь щелкает поле ввода, появляется календарь. Мое поле ввода находится в нижней части окна, когда календарь появляется. Он хорошо работает в Firefox и Chrome (над полем ввода), но не в IE (всплывает под полем ввода, и календарь обрезается в нижней части IE). Мне было интересно, если кто-то здесь может помочь мне с этим. Большое спасибо!

Пример

альтернативный текст http://www.parkerandassociates.org/jquery.JPG

Мой JQuery: 

$("#addMatch").live('click', function(){

 $(this).closest('tr').before("<//input field #datepicker
"<tr><td>Date: <input type='text' id='datepicker' size='6' name='date'></td>"+ 
"<td colspan='3'>Time: <select><option>13:00</option>"+
          "<option>18:00</option>"+
          "<option>19:00</option>"+
          "<option>20:00</option>"+
          "</select></td>"+
          "</tr>");

 $("#datepicker").datepicker({ changeMonth: true, changeYear: true, yearRange: '2010:2020'});

 return false;
});

1 Ответ

0 голосов
/ 31 августа 2012

Может быть, вам стоит попробовать исправить это с помощью функции .offset().

И прокрутите страницу на несколько пикселей вниз, чтобы убедиться, что отображается весь календарь.

Ознакомьтесь с примером, найденным на этом сайте 

<div id="scrollToHere">
Scroll to here
</div>

You need something to run your script. Create a button like this:

<input type="button" onclick="scollWin();" value="Scroll up" />

The jQuery Code will be like this:

function scrollWin(){
    $('html,body').animate({
        scrollTop: $("#scrollToHere").offset().top
    }, 2000);
}
...