上一個按鈕和下一個按鈕在jQuery UI日期選擇符的新行上顯示

這發生在Opera 11，Firefox 3.6.13和IE 8中。在所有的日期選擇器上，我創建了前一個和下一個按鈕，並顯示在他們自己的在月份和年份之上。這發生在我的自定義滾動主題，並使用我下載新鮮的UI Lightness，並沒有自定義的CSS添加。我正在使用jQuery UI版本1.8.9和jQuery 1.4.3。我已經使用UI 1.8.7和jQuery 1.4.4在jsFiddle上重現了它。上一個按鈕和下一個按鈕在jQuery UI日期選擇符的新行上顯示

JS Fiddle Example

我的代碼：

$(document).ready(function() { 
    var dates = $('.date').datepicker(); 
});

HTML：

<html> 
    <head> 
    </head> 
    <body class="ui-widget"> 
     <div id='mainApplication' class="ui-widget"> 
      <div id="menuBar" class="ui-widget"> 
       <br /> 
       <span><strong>Start Date:</strong></span><br> 
       <input type="text" id="start" class="date"><br> 
       <span><strong>End Date:</strong></span><br> 
       <input type="text" id="end" class="date"><br> 
      </div> 
     </div> 
    </body> 
</html>

來源

2011-02-17 Bkress

看起來像一個CSS問題。如果你比較demo example的css（使用螢火蟲）和你寫的東西，你會發現css是不同的。如果您通過「添加資源」按URL添加css文件「http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css」，您將獲得正確的佈局。

來源

2011-02-18 15:19:25

發現它謝謝你。不知何故，我從主題滾輪下載的CSS缺少datepicker的一組定義。新的下載，確保我選擇了正確的位來解決這個問題。 – Bkress 2011-02-18 16:43:24

上一個按鈕和下一個按鈕在jQuery UI日期選擇符的新行上顯示

回答

相關問題