Trentrichardson 日期时间选择器不起作用

Question

我正在尝试使用 Following timepicker。但是，我无法运行它。我正在按照作者的建议使用 jsDelivr CDN。

我包含了作者按正确顺序列出的所有文件：

jQuery
jQuery UI
日期时间选择器

日期时间选择器CSS

<!doctype html>
<meta charset="utf-8">
<title>Example</title>
<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-sliderAccess.js"></script>
        <script src="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-timepicker-addon.js"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.ui.timepicker.addon/1.4.5/jquery-ui-timepicker-addon.css">

        <script>
            $function () {
            $('#input').datetimepicker();
            });
        </script>

        <title>Example</title>
    </head>
    <body>
        <input type="text" id="input" name="input" value=""/>
    </body>
</html>

单击表单时没有任何显示。

Answer 1

$function () {
    $('#input').datetimepicker();
});

应该是

$(function () {
    $('#input').datetimepicker();
});

Answer 2

Working fiddle.

问题在于包含以下示例：

<!doctype html>
<meta charset="utf-8">
<title>Example</title>
<html>
    <head>
        <title>Example</title>

        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.min.css" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-ui-timepicker-addon/1.4.5/jquery-ui-timepicker-addon.min.js"></script>
    </head>
    <body>
        <input type="text" id="input" name="input" value=""/>

        <script>
            $(function () {
                $('#input').datetimepicker();
            });
        </script>
    </body>
</html>

希望对您有所帮助。

Trentrichardson 日期时间选择器不起作用

Trentrichardson datetimepicker doesn't work

javascript

jquery

datetimepicker