bootstrap datetimepicker和jquery的validate一起使用时失效问题

最新推荐文章于 2019-11-19 14:32:53 发布

原创最新推荐文章于 2019-11-19 14:32:53 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决在项目中使用Bootstrap的DateTimePicker插件与jQuery的验证表单插件时出现的冲突问题。通过调整加载顺序，将验证表单插件的CDN放在DateTimePicker之前，并确保DateTimePicker的JS代码位于文件底部，可以有效解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

写项目时表单中同时用到了bootstrap的datetimepicker插件和jquery的验证表单插件，但是发现这两个在同时使用时datetimepicker插件会失效，浏览器控制台显示$().datetimepicker is not a function，引入的cdn都没错，最后发现是要把validate的cdn放在datetimepicker的前面，两个插件才能都生效。而且datetimepicker的js代码必须写在文件尾部。不知道是什么原因，有大神看见请帮我解答一下。

附上引用cdn：

<!--validate验证表单插件-->
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script src="https://cdn.bootcss.com/jquery-validate/1.17.0/additional-methods.js"></script>

<!-- 引入datetimepicker -->
<script src="https://cdn.bootcss.com/moment.js/2.18.1/moment-with-locales.min.js"></script>
<link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>