Jquery 日期选择器混乱不堪
这一次我把头发拔了出来 我正在尝试实现一个非常简单的jQuery日期选择器。我使用的代码直接来自在线示例 我终于重新开始了一个没有CSS的空白页面（除了Redmond jquery UI主题之外）。当我查看页面时，我的文本框下方会出现一个蓝色条： …将鼠标移到此栏上会导致javascript错误 如果我点击日期框，我会得到这个混乱版本的日期选择器： html:Jquery 日期选择器混乱不堪,jquery,jquery-ui-datepicker,Jquery,Jquery Ui Datepicker,这一次我把头发拔了出来 我正在尝试实现一个非常简单的jQuery日期选择器。我使用的代码直接来自在线示例 我终于重新开始了一个没有CSS的空白页面（除了Redmond jquery UI主题之外）。当我查看页面时，我的文本框下方会出现一个蓝色条： …将鼠标移到此栏上会导致javascript错误 如果我点击日期框，我会得到这个混乱版本的日期选择器： html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<!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>
$(function () {
$("#datepicker").datepicker();
});
我甚至尝试了一个脚本，我发现它会等到onclick绑定日历。这去掉了蓝色条，但仍然显示了一个混乱的日历。您可以直接尝试以下代码吗。区别在于我使用了javascript的google CDN路径。它非常有效。我使用了您提到的版本
<!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>
日期：