Question

我正在尝试将javascript文件链接到我的html文档。

我正在按照http://dubrox.github.io/Multiple-Dates-Picker-for-jQuery-UI/#demo-days-range上的说明从日历中选择多个日期作为表单的输入。

它说：“您在HTML页面中同时包含了jQuery和jQuery UI（包括datepicker模块！）JavaScript文件，然后紧接着包含了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（）函数。

关于我在做什么错的任何建议吗？

Answer 1

您应该使用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文件夹中下载一个put文件，该文件将起作用。另外请注意，您缺少>的开放标签。

$(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文件链接到HTML文档，但是在浏览器中，我收到加载资源失败错误

1 个答案: