我正在使用 sublime text 3,我已经测试了其他 jQuery UI 元素,但今天决定尝试在我正在组合的一个小元素中使用日期选择器。我注意到,当我想尝试它时,我首先将 jQuery 站点上示例的默认代码本地保存在它自己的 .html 文件中,然后我尝试加载它。
示例中的默认代码:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$("#datepicker").datepicker();
});
</script>
</head>
<body>
<p>Date:
<input type="text" id="datepicker">
</p>
</body>
</html>
不幸的是,这会弹出一个输入字段,但是在单击该字段时,我无法选择日期。事实上,日期选择下拉菜单根本不显示,但我可以看出输入字段已被选中。我想也许我在将代码复制到我的测试文件时遗漏了一些东西,所以我加载了 JSBin 并将代码粘贴到那里。神奇的是,它起作用了。 JSBin example我假设我以某种方式没有链接到适当的样式表或 jQuery UI 的 CDN。这个假设是否正确,或者为什么这在本地不起作用?
最佳答案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
P.S- 我删除了指向 css 文件的链接,因为它可能是您的本地 css 文件。您可以将其添加回来。
关于javascript - JQuery UI 日期选择器在 jsbin 中工作但不在本地工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30149430/