How to solve the conflict between time plugin datepicker (jQuery-UI, bootstrap) and jquery-steps

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!