jQuery 日期选择器没有响应

Question

我正在使用来自 jQuery UI 文档的这个非常简单的日期选择器代码，但它不适用于我的 Mac：

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>

<body>
    <input type="text" id="date-picker" />
    <script>
        $("#date-picker").datepicker();
    </script>
</body>

谁能告诉我为什么它不起作用？提前致谢！

Answer 1

jQuery UI 依赖于 jQuery.

因此您需要在 jQuery UI 脚本之前包含 jQuery 脚本：

<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

也不需要包含两次 jQuery。以上就够了。

这里是working example.

Answer 2

您应该在添加 jqueryui 之前添加 jquery。
您添加了 jquery twice.Remove 个

<!doctype html>
    <html>
    <head>
        <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    </head>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
    <!--    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>-->


    <body>
    <input type="text" id="date-picker" />
    <script>
        $("#date-picker").datepicker();
    </script>
    </body>

Answer 3

是的，在 jquery ui

之前包括 jquery

<!doctype html>
<html>
<head>
    <script type="text/javascript" src="https://code.jquery.com/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
</head>

<body>
    <input type="text" id="date-picker" />
    <script>
        $("#date-picker").datepicker();
    </script>
</body>

jQuery 日期选择器没有响应

jQuery Datepicker doesn't response

javascript

jquery

jquery-ui

datepicker