在日期选择器中使用 JqueryUi 的布局错误答案

【问题标题】：Wrong layout using JqueryUi in the datepicker在日期选择器中使用 JqueryUi 的布局错误
【发布时间】：2011-11-06 05:29:15
【问题描述】：

我有这个简单的代码，就像官方网站上的那样。

    <html>
    <head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="jquery.ui.all.css">
<script src="jquery-1.6.2.js"></script>
<script src="jquery.ui.core.js"></script>
<script src="jquery.ui.widget.js"></script>
<script src="jquery.ui.datepicker.js"></script>
<link rel="stylesheet" href="demos.css">
    <script>
$(function() {
    $( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd' });
});
</script>
    </head>
    <body>
    <div class="demo">
    <p>Date: <input type="text" id="datepicker"></p>
    </div>
    </body>
    </html>

显然，在同一个文件夹中，我已经移动了感兴趣的文件并且一切正常。但是布局很糟糕，因为肯定会错过一些东西。我的输出是这样的： http://imageshack.us/photo/my-images/854/wrongdate.png/

我该如何解决这个问题？谢谢。

【问题讨论】：

您是否也移动了images 文件夹？
没有。我找到了 smothness 主题和文件夹“image”。现在我可以在哪里正确移动它？我必须改变任何路径？
此文件夹应与您的 jQuery UI CSS 文件位于同一文件夹中。

标签： jquery-ui layout date

【解决方案1】：

我敢说这是样式文件：您可能有一个不正确的文件路径或文件已损坏。请看以下两个例子：

没有css：http://jsfiddle.net/william/5Xa8f
带有css：http://jsfiddle.net/william/5Xa8f/2/

要确认是问题所在，只需将jquery.ui.all.css 替换为http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css，然后查看问题是否已解决。

【讨论】：