jquery - 如何正确实现 jQuery 日期选择器和 jQuery 时间选择器

Question

我正在尝试在我的应用程序上安装 datepicker UI 及其很酷的插件 Timepicker http://trentrichardson.com/examples/timepicker/#basic_examples

我在控制台中不断收到此错误

Uncaught TypeError: undefined is not a function jquery.ui.widget.js:71
$.widget jquery.ui.widget.js:71
(anonymous function) jquery.ui.slider.js:22
(anonymous function) jquery.ui.slider.js:672

我正在尝试使用示例#3，它是一个日期选择器加一个 slider (时间格式)

$('#basic_example_3').datetimepicker({
    timeFormat: "hh:mm tt"
});

这是我的头 html 代码

  <link rel="stylesheet" href="css/jquery/jquery-ui.css">
  <script src="js/jquery.js"></script>
  <script src="js/jquery.ui.core.js"></script>
  <script src="js/jquery.ui.widget.js"></script>
  <script src="js/jquery.ui.slider.js"></script>
  <script src="js/jquery.ui.datepicker.js"></script>
  <script src="js/jquery-ui-timepicker-addon.js"></script>

我在日历弹出窗口中根本看不到 slider 。我看到一个带有时间的下拉菜单!有人可以帮我解决这个问题吗？我想如果我能修复这个错误就可以解决问题。

谢谢

Answer 1

关于示例页面的来源，我建议尝试此设置:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.0/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>

编辑:为您创建了一个 fiddle :http://jsfiddle.net/sNa8d/