为什么我的Datepicker看起来很肮脏？

我正在尝试使用jQuery UI。我下载的一切，并按照指示，我在HTML中添加这样的代码：为什么我的Datepicker看起来很肮脏？

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

当我打开这个页面中，日期选择器看起来很weired。

enter image description here

有什么不对？当我下载jQuery UI时，我打开index.html并且一切正常（包括datepicker），但是当我将它放入我的应用程序时，它看起来很糟糕。

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

谢谢。

------------------------ EDIT ------------------- --------

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

- url: /js 
static_dir: js 

- url: /css 
static_dir: css

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

来源

2012-05-12 hakunami

是您的浏览器正确加载CSS文件的头部？在Chrome中按F12，单击网络选项卡，然后重新加载页面以查看加载文件是否有错误。 –

您是否尝试使用控制台检查铬上的错误。只需按** F12 **，可能你错过了什么 –

@KyleTrauberman你是对的。该CSS没有加载，因为在谷歌appengine，我需要配置我的CSS索引文件的目录。我错过了这一步。谢谢。 – hakunami

听起来像是css文件加载不正确。检查以确保其正确加载。

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

来源

2012-05-12 05:08:02

F12真的很方便。问题已经解决了。我编辑这个问题的解决方案。谢谢你:) – hakunami

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

将此代码添加到您的HTML

来源

2016-01-06 11:31:45 WAYSER

这修复了我。谢谢你，先生。 – SirYancy

欢迎@SirYancy – Phares

为什么我的Datepicker看起来很肮脏？

回答

相关问题