So lösen Sie den Konflikt zwischen dem Time-Plugin-Datepicker (jQuery-UI, Bootstrap) und jquery-steps

Der von jQuery-UI oder Bootstrap unterstützte Zeit-Plug-in-Datepicker hat viele Anwendungen in der Front-End-Entwicklung. In diesem Kapitel wird erläutert, wie der Konflikt zwischen dem Zeit-Plug-in-Datepicker und jquery-steps gelöst wird. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Datums-Plugin-Initialisierung: $('.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;
            }
        });

Sie unterscheiden sich in der Renderreihenfolge. Jquery-Steps rendern beispielsweise neu DOM. Dazu müssen Sie den Datepicker erneut initialisieren

Das obige ist der detaillierte Inhalt vonSo lösen Sie den Konflikt zwischen dem Time-Plugin-Datepicker (jQuery-UI, Bootstrap) und jquery-steps. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!