• 技术文章 >web前端 >js教程

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

    青灯夜游青灯夜游2018-09-19 10:09:54原创1525
    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中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:json前后端数据交互方法实现 下一篇:深入理解函数形参和函数内部声明变量或函数重名时的问题
    大前端线上培训班

    相关文章推荐

    • jquery UI Datepicker时间控件的使用及问题解决• JQuery日期插件datepicker的使用方法_jquery• jQuery日历插件datepicker用法详解_jquery• jquery日历插件datepicker用法分析_jquery• JQuery datepicker 用法详解_jquery

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网