시간 플러그인 datepicker(jQuery-UI, bootstrap)와 jquery-steps 간의 충돌을 해결하는 방법

jQuery-UI 또는 부트스트랩에서 지원하는 시간 플러그인 datepicker는 프런트엔드 개발에 많이 사용됩니다. 이 장에서는 시간 플러그인 datepicker와 jquery-steps 간의 충돌을 해결하는 방법을 소개합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

Date 플러그인 초기화: $('.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(jQuery-UI, bootstrap)와 jquery-steps 간의 충돌을 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!