Question

这个让我把头发拉出来。

我正在尝试实现一个非常简单的jQuery datepicker。我在网上直接使用代码。

我终于开始使用没有CSS的空白页面（除了Redmond jquery UI主题。当我查看页面时，我的文本框下方有一个蓝色条：

...将鼠标悬停在此栏上会导致javascript错误。

如果我点击日期框，我会得到这个混乱的datepicker版本：

HTML：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
        <link type="text/css" href="/JavaScript/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />    
        <script src="/JavaScript/jquery.min.js" type="text/javascript"></script>
        <script src="/JavaScript/jquery-ui.min.js" type="text/javascript"></script>
        <script src="bench.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
            <div class="demo">
                <p>Date: <input id="datepicker" type="text" /></p>
            </div>

    </form>
</body>
</html>

bench.js：

$(function () {
    $("#datepicker").datepicker();
});

版本

jQuery v1.7.1（也尝试过1.7） jQuery UI 1.8.16 IE 9，Firefox（最新）

我甚至尝试过一个脚本，我发现等到onclick来绑定日历。这摆脱了蓝色条，但仍然显示我一个混乱的日历。

Answer 1

您可以直接尝试以下代码吗？不同的是我使用谷歌CDN路径到JavaScript。它完美地运作。我使用了你提到的版本。

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
<!--        <link type="text/css" href="/JavaScript/redmond/jquery-ui-1.8.16.custom.css" rel="stylesheet" />    
-->         <link href="http://code.jquery.com/ui/1.8.16/themes/redmond/jquery-ui.css" rel="stylesheet">
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  <script type="text/javascript" src="http://code.jquery.com/ui/1.8.16/jquery-ui.min.js"></script>

</head>
<body>
    <form id="form1" runat="server">
            <div class="demo">
                <p>Date: <input id="datepicker" type="text" /></p>
            </div>

    </form>
    <script src="bench.js" type="text/javascript"></script>
</body>
</html>

Datepicker是混乱的

1 个答案: