为什么我的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),但当我把它放入我的应用程序时,它看起来很糟糕.

BTW.我的浏览器是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头部