jQuery UI datepicker問題

我想在我的應用程序中顯示基本的jQuery datepicker。當用戶點擊輸入字段時，會顯示一個日曆。當日歷彈出時，我的輸入字段位於窗口的底部。它在Firefox和Chrome（在輸入字段之上）中顯示得很好，但在IE中不顯示（在輸入字段下方彈出並且壓光機在IE底部被切斷）。我想知道這裏有人能幫助我。非常感謝！jQuery UI datepicker問題

樣品

alt text 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; 
});

來源

2010-05-26 FlyingCat

後的代碼中發現？ :-) – 2010-05-26 20:26:33

您是否在發佈的代碼中缺少''，或者是否在那裏插入了無效的html（例如未打開的行）？ – 2010-05-26 20:38:26

謝謝你指出尼克。我只在這裏粘貼了我的html代碼的一部分。我的文件中的html很好。 – FlyingCat 2010-05-26 20:49:46

也許你應該嘗試用.offset()功能修復它。

然後向下滾動頁面一些像素，這樣你就可以確定所有的日曆都顯示出來了。

退房的例子上this website

<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); 
}

來源

2012-08-31 16:39:26 rlc

jQuery UI datepicker問題

回答

相關問題