Question

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

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

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

Answer 1

我敢说它是样式文件：你可能有一个不正确的文件路径或文件已损坏。请参阅以下两个示例：

没有css：http://jsfiddle.net/william/5Xa8f
with 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，然后查看问题是否已解决。

在datepicker中使用JqueryUi的布局错误

1 个答案: