首頁 > web前端 > js教程 > 如何解決時間插件datepicker(jQuery-UI,bootstrap)和jquery-steps的衝突

如何解決時間插件datepicker(jQuery-UI,bootstrap)和jquery-steps的衝突

青灯夜游
發布: 2018-09-19 10:09:54
原創
2718 人瀏覽過

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

以上是如何解決時間插件datepicker(jQuery-UI,bootstrap)和jquery-steps的衝突的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板