The time plug-in datepicker supported by jQuery-UI or bootstrap has many applications in front-end development. This chapter will introduce how to solve the conflict between the time plug-in datepicker and jquery-steps. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.
Date plug-in initialization: $('.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; } });
They are different in the rendering order. For example, jquery-steps will re-render the DOM. This You need to initialize the datepicker again
The above is the detailed content of How to solve the conflict between time plugin datepicker (jQuery-UI, bootstrap) and jquery-steps. For more information, please follow other related articles on the PHP Chinese website!