如何处理时间插件datepicker（jQuery-UI，bootstrap）与jquery-steps的冲突1

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

jQuery-UI或bootstrap支持的时间插件datepicker在前端开发上有很多应用，本章给大家介绍如何解决时间插件datepicker和jquery-steps的冲突。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

日期插件初始化： $('.prelease_time').flatpickr();

let contentSteps = $("#content_form").steps({
            headerTag: "h3",
            bodyTag: "section",
            transitionEffect: "slideLeft",
            enableAllSteps: true,
            enablePagination: true,
            onStepChanging: function(event, currentIndex, newIndex) {
                console.log(11)
                return true;
            },
            onStepChanged: function(event, currentIndex, priorIndex) {
                console.log(22)
                return false;
            },
            onFinishing: function(event, currentIndex) {
                console.log(33)
                return true;
            },
            onFinished: function(event, currentIndex) {
                console.log(44)
                return false;
            }
        });

他们在渲染顺序上有区别，比如，jquery-steps是会重新渲染一遍DOM，此时需要再初始化datepicker即可

以上就是如何解决时间插件datepicker（jQuery-UI，bootstrap）和jquery-steps的冲突的详细内容，更多请关注php中文网其它相关文章！