使用jQueryUIDatePicker在新行上显示“上一个”和“下一个”按钮_Jquery_Jquery Ui_Datepicker

使用jQueryUIDatePicker在新行上显示“上一个”和“下一个”按钮

jquery jquery-ui

使用jQueryUIDatePicker在新行上显示“上一个”和“下一个”按钮,jquery,jquery-ui,datepicker,Jquery,Jquery Ui,Datepicker,这发生在Opera11、Firefox 3.6.13和IE8中。在我创建的所有日期选择器上，“上一个”和“下一个”按钮都显示在月份和年份上方各自的行上。这发生在我的自定义滚动主题和使用UI Lightness中，我下载了fresh，没有添加自定义CSS。我使用的是jQueryUI版本1.8.9和jQuery1.4.3。我也使用UI1.8.7和jQuery1.4.4在JSFIDLE上复制了它我的代码： $(document).ready(function() { var dates =

这发生在Opera11、Firefox 3.6.13和IE8中。在我创建的所有日期选择器上，“上一个”和“下一个”按钮都显示在月份和年份上方各自的行上。这发生在我的自定义滚动主题和使用UI Lightness中，我下载了fresh，没有添加自定义CSS。我使用的是jQueryUI版本1.8.9和jQuery1.4.3。我也使用UI1.8.7和jQuery1.4.4在JSFIDLE上复制了它

我的代码：

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

Html:




开始日期：



结束日期：

看起来像是css问题。如果您将的css（使用firebug）与您所编写的内容进行比较，就会发现css是不同的。如果添加css文件“http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.8/themes/base/jquery-ui.css通过URL“添加资源”，您将获得正确的布局。

找到了，谢谢。不知何故，我从主题滚轴下载的CSS缺少日期选择器的定义集。一个新的下载，确保我选择了正确的位修复了这个问题。

<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>