日期选择器(.js)不在HTML编辑器中工作但在小提琴中工作

Question

这是小提琴中的工作格式, 下面是我在我的演示站点中使用的代码我创建了一个新的文件夹名称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 的直接链接不起作用，那么这是您页面上未向我们显示的另一个问题。