为什么我的Datepicker看起来很奇怪？

Question

我正在尝试使用jquery UI。我下载了所有内容并按照说明操作，我在我的html中添加了这样的代码：

<link type="text/css" href="/css/ui-lightness/jquery-ui-1.8.20.custom.css" rel="stylesheet" />
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.20.custom.min.js"></script>
<script type="text/javascript">
     $(function() {
         $( "#id_myDate" ).datepicker({
             inline: true
         });
     });
</script>
.....
<div>Date: <input type="text" id="id_myDate" name="deadLine"></div>

当我加载此页面时，Datepicker看起来非常适合。

怎么了？当我下载jquery UI时，我打开index.html，一切正常（包括datepicker），但是当我把它放到我的应用程序中时，它看起来很糟糕。

顺便说一句。我的浏览器是Chrome（我也在firefox中测试，同样的问题），我正在使用python中的google appengine应用程序。

谢谢。

------------------------的修改 --------------- ------------

对不起因为这是一个google appengine，所以我应该配置我的静态文件，例如js和css。我忘了在app.yaml中配置我的css文件。现在，我在yaml文件中添加它：

- url: /js
static_dir: js

- url: /css
static_dir: css

js和css是这些文件所在的dir的名称。 非常感谢你。

Answer 1

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

将此代码添加到html的头部

Answer 2

听起来好像css文件没有正确加载。检查以确保其正确加载。

在chrome中，您可以按 F12 打开开发人员工具。单击网络选项卡，然后刷新页面。您将看到发送到Web服务器的每个请求的列表，包括任何错误。确保正确加载了css文件。