【问题标题】:Jquery UI Datepicker Timepicker sliders not working when draggingJquery UI Datepicker Timepicker滑块在拖动时不起作用
【发布时间】:2019-12-16 04:00:41
【问题描述】:

我正在使用带有 Timepicker 插件的 Jquery UI Datepicker 来选择具有自定义时间的日期。尝试拖动滑块并更改时间时,会显示此错误:

jquery-ui.min.js:23 Uncaught TypeError: Cannot read property 'length' of undefined
at b.<computed>.<computed>._trigger (jquery-ui.min.js:23)
at b.<computed>.<computed>._start (jquery-ui.min.js:376)
at b.<computed>.<computed>._mouseCapture (jquery-ui.min.js:372)
at b.<computed>.<computed>._mouseDown (jquery-ui.min.js:25)
at HTMLDivElement.<anonymous> (jquery-ui.min.js:24)
at HTMLDivElement.dispatch (jquery-3.4.1.js:5237)
at HTMLDivElement.elemData.handle (jquery-3.4.1.js:5044)

我尝试了几个不同版本的 jQuery-UI、jQuery、jQuery-migrate 等等。错误仍然存​​在,我只包含了一次相应的库。

这是包含 JavaScript 的页脚文件:

<script src="./bower_components/bootstrap/dist/js/bootstrap.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery- 
ui.min.js"></script>

<script src="./js/jquery-ui-timepicker.js"></script>
<script src="js/store.js"></script>

</body>
</html>

对于头文件,我包括了 jQuery 3.4.1,因为我在关闭 body 标签之前使用了 jQuery 脚本(打印出带有某些数据的表格)。

我从 DOM 的来源中检查了我只包含一次库。

这是我收集代码的链接https://trentrichardson.com/examples/timepicker/

【问题讨论】:

  • 如何初始化时间选择器部件?
  • 这是我的自定义名称。它有正确的代码(/*!jQuery Timepicker Addon - v1.6.3 - 2016-04-20)
  • $("#birth_picker").datetimepicker({timeFormat: "hh:mm tt",});这在加载的javascript文件中并正确显示,但是当我拖动它时滑块不会移动。
  • 你的 datetimepicker 库兼容 jquery 3.4.1 吗?
  • @BelowtheRadar 通过将 jQuery 更改为 1.12.4 并没有改变任何东西,仍然是同样的错误。

标签: javascript jquery jquery-ui jquery-ui-datepicker jquerydatetimepicker


【解决方案1】:

通过禁用 jquery-migrate 1.2.1 解决了这个问题,我有来自 CDN 的旧 jquery-ui 版本 1.08.x 并将其更改为 1.12.1,现在错误消失了,滑块将实际工作!

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-03
相关资源
最近更新 更多