ホームページ > ウェブフロントエンド > jsチュートリアル > 時刻プラグイン datepicker (jQuery-UI、ブートストラップ) と jquery-steps の間の競合を解決する方法

時刻プラグイン datepicker (jQuery-UI、ブートストラップ) と jquery-steps の間の競合を解決する方法

青灯夜游
リリース: 2018-09-19 10:09:54
オリジナル
2728 人が閲覧しました

jQuery-UI またはブートストラップでサポートされている時刻プラグイン 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 (jQuery-UI、ブートストラップ) と jquery-steps の間の競合を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート