Rumah  >  Artikel  >  hujung hadapan web  >  如何解决时间插件datepicker(jQuery-UI,bootstrap)和jquery-steps的冲突

如何解决时间插件datepicker(jQuery-UI,bootstrap)和jquery-steps的冲突

青灯夜游
青灯夜游asal
2018-09-19 10:09:542611semak imbas

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即可

Atas ialah kandungan terperinci 如何解决时间插件datepicker(jQuery-UI,bootstrap)和jquery-steps的冲突. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn