尝试将本地JavaScript文件链接到HTML文档，但是在浏览器中，我收到一个无法加载资源错误的方法

Question

我正在尝试将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的服务器以404(未找到(响应服务器：1。

如果您向下滚动到多个日期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文件夹中，并且可以正常工作。另请注意，您缺少>打开标签。

$(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" />