我正在尝试将 javascript 文件链接到我的 html 文档。
我正在按照 http://dubrox.github.io/Multiple-Dates-Picker-for-jQuery-UI/#demo-days-range 上的说明进行操作从日历中选择多个日期作为表单中的输入。
它说“您将 jQuery 和 jQuery UI(包含 datepicker 模块!)javascript 文件包含到您的 HTML 页面中,然后立即包含 MultiDatesPicker”。
<script src="https://code.jquery.com/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="jquery-ui.multidatespicker.js"</script>
我已经做到了。
注意 jquery-ui.multidatespicker.js 位于我的本地项目目录中,因为它是自己的文件,而不位于任何文件夹中。您可以在包含该文件的 github 页面上下载 zip 文件。
然后我在文档头部调用 multidatespicker 函数。
<script type="text/javascript">
$(function() {
$('#mdp-demo').multiDatesPicker();
});
</script>
最后在正文中编写要在函数中使用的 html 输入 id
<input id="mdp-demo">
当我在浏览器中运行此命令时,我收到 jquery-ui.multidatespicker.js:1 的错误“无法加载资源:服务器响应状态为 404(未找到)”。
如果您向下滚动到多个日期 github 页面上的演示并转到“表单输入”。这就是我想要实现的目标。问题是我的 jquery-ui.multidatespicker.js 脚本搜索找不到该脚本,因此无法识别 .multiDatesPicker() 函数。
对于我做错了什么有什么建议吗?
最佳答案
您应该为多日期选择器使用 CDN 链接
<script src="https://cdn.jsdelivr.net/npm/jquery-ui-multidatespicker@1.6.6/jquery-ui.multidatespicker.js"></script>
如果您想使用<script src="jquery-ui.multidatespicker.js"</script>
您需要下载文件并将其放在同一个 HTML 文件夹中,它就可以工作。另请注意,您缺少 > 作为开放标记。
$(function() {
$('#mdp-demo').multiDatesPicker();
});
<script src="https://code.jquery.com/jquery.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-ui-multidatespicker@1.6.6/jquery-ui.multidatespicker.js"></script>
<input id="mdp-demo" />
关于javascript - 尝试将本地 Javascript 文件链接到 HTML 文档,但在浏览器中,我收到“无法加载资源”错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55936212/