Jquery UI 日期选择器时间选择器滑块在拖动时不起作用

Question

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

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 脚本（用某些数据打印出 table） .

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

这是我从中收集代码的 link https://trentrichardson.com/examples/timepicker/。

Answer 1

通过禁用 jquery-migrate 1.2.1 解决了这个问题，我有旧的 jquery-ui 版本 1.08.x 来自 CDN 并更改了到 1.12.1，现在错误消失了，滑块可以正常工作了！

Jquery UI 日期选择器时间选择器滑块在拖动时不起作用

Jquery UI Datepicker Timepicker sliders not working when dragging

javascript

jquery

jquery-ui

jquery-ui-datepicker

jquerydatetimepicker