javascript - 日期选择器(.js)不在 HTML 编辑器中工作，但在 fiddle 中工作

Question

这是fiddle中的工作格式 下面是我在我的演示站点中使用的代码我创建了一个新的文件夹名称 js 并将 datepicker.js 放在其中。所以我在我的 html 中链接了以下内容。

<script type="text/javascript" src="js/datepicker.js"></script>

我的 datapicker.js 代码是

$(function () {
    $('#departure-date').datepicker({
        numberOfMonths: 2,
        showAnim: "fold",
        showButtonPanel: true,
        onSelect: (function (date) {
            setTimeout(function () {
                $('#return-date').datepicker('show');
            }, 300)
            $(this).val($(this).datepicker('getDate').toLocaleDateString());
        })
    });

    $('#return-date').datepicker({
        numberOfMonths: 2,
        showAnim: "fold",
        showButtonPanel: true,
        onSelect: (function (date) {
            $(this).val($(this).datepicker('getDate').toLocaleDateString());
        })
    });
});

我的html代码是

<input  id="departure-date" type="text" placeholder="Depart Date" >
<input type="text" id="return-date" placeholder="return Date">

但是当我按下上面的按钮时，.js 没有被调用。请帮忙

Answer 1

您需要包含一个版本的 jQuery。下载最新版本并将其放在您的 js 文件夹中，然后像对 datepicker.js 那样链接它，或者像这样直接包含它

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

如果不行试试

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

我不确定你的单个 datepicker.js 是否有错误，但如果确实有错误，请尝试包含它的 jquery-ui js。

我在包含上述 2 个 js 源代码的情况下对其进行了测试，它运行良好。

如果到 jquery 站点 js 的直接链接不起作用，那么这是您页面上的另一个问题，没有向我们显示。