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

Question

我正在尝试使用以下时间选择器。 但是，我无法运行它。 我正在按照作者的建议使用 jsDelivr CDN。

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

jQuery
用户界面
日期时间选择器

日期时间选择器 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

工作小提琴。

问题在于包括以下示例将起作用：

<!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 日期时间选择器不起作用

问题描述

2 个解决方案

解决方案1
1 2015-11-18 20:40:58

解决方案2
1 已采纳 2015-11-18 20:51:31

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

问题描述

2 个解决方案

解决方案1 1 2015-11-18 20:40:58

解决方案2 1 已采纳 2015-11-18 20:51:31

解决方案1
1 2015-11-18 20:40:58

解决方案2
1 已采纳 2015-11-18 20:51:31