我正在尝试使用 Following timepicker 。但是,我无法运行它。我按照作者的建议使用 jsDelivr CDN。
我按照正确的顺序列出了作者列出的所有文件:
- jQuery
- 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>
单击表单时不会显示任何内容。
最佳答案
<强> 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>
希望这有帮助。
关于javascript - Trentrichardson 日期时间选择器不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33789821/