1. 源文件库是否与API 一致
2. 插件加载过多 冲突
3. JQ版本过低？？（本人未作验证 真实性有待考究）

$('#myModal').modal({

  keyboard: false;//禁用键盘ESC 关闭

  backdrop: false;//禁用非modal外半透背景点击关闭

})

data-backdrop="false"(html5 data 调用)

container

String. Default: “body”

Appends the date picker popup to a specific element; eg: container: ‘#picker-container’ (will default to “body”)

<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: block; padding-right: 17px;">

        <div class="modal-dialog" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>

                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>

                </div>

                <div class="modal-body">

                    <form>

                        <div class="form-group" style="position:relative;">

                            <label for="exampleInputEmail1">Datetimepicker</label>

                            <input type="text" class="form-control" id="datetimepicker">

                    </form>

                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

                </div>

            </div>

        </div>

    </div>

    $(function() {

        $('#datetimepicker').datetimepicker({

        	format: 'yyyy-mm-dd hh:ii',

        	container : '#myModal .form-group'

        });

    });

    

<script src="//cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.js"></script>



$(document).on('show.bs.modal','.modal', function() {

?? ?$.fn.draggable && $('.modal-content',this).draggable({

?? ??? ?containment: 'document',

?? ??? ?scroll: false,

?? ??? ?handle: '.modal-header'

?? ?});

?? ?

?? ?$('.modal-dialog',this).css({

?? ??? ?position:'absolute',

?? ??? ?top:'50%',

?? ??? ?left:'50%',

?? ??? ?transform: 'translate(-50%, -50%)'

?? ?})

})

function mAlert(c, a, b, u) {

	$('.modal').remove();

	var m = '',

		temp = '';

	var mclass, micon;

	var $md = $('#alertModal');

	if (c == 1) {

		mclass = ' warning';

		micon = 'icon-war';

	} else if (c == 2) {

		mclass = ' danger';

		micon = 'icon-erro';

	} else if (c == 3) {

		mclass = ' success';

		micon = 'icon-suc';

	} else if (c == undefined || c == 0) {

		micon = 'icon-info'

	};

	temp += '<div class="modal fade' + mclass + '" id="alertModal" data-keyboard="false" tabindex="-1" role="dialog">';

	temp += '<div class="modal-dialog modal-sm"><div class="modal-content">';

	temp += '<div class="modal-body"><a class="close"></a><div class="media"><div class="media-left"><span class="iconplus ' + micon + '"></span></div>';

	temp += '<div class="media-body  media-middle"><h4>' + b + '</h4><p class="text-justify">' + a + '</p></div></div></div>';

	temp += '<div class="modal-footer"><p><a class="btn btn-default btn-sm pull-right" data-dismiss="modal">确定</a></p></div>';

	temp += '</div></div></div>';

	$('body').append(temp);

	$('#alertModal').modal({

		show: 'true',

		backdrop: 'static',

	});

	$('#alertModal').on('hidden.bs.modal', u)

}

#alertModal {

    .modal-header {

        padding-top: 10px;

        padding-bottom: 10px;

    }

    .modal-title {

        color: @cwh;

        margin: 0;

    }

    .modal-sm {

        width: 400px;

    }

    .iconplus {

        font-size: 96px;

    }

    .modal-body {

        .btn {

            padding-left: 25px;

            padding-right: 25px;

        }

        p {

            margin-bottom: 0;

        }

        .icon-erro {

            color: @cre;

        }

        .icon-war {

            color: @cye*0.9;

        }

        .icon-suc {

            color: @cgr;

        }

    }

}

c.prototype.setScrollbar = function() {

		var a = parseInt(this.$body.css("padding-right") || 0, 10);

		this.originalBodyPad = document.body.style.paddingRight || "", this.bodyIsOverflowing && this.$body.css("padding-right", a + this.scrollbarWidth)

}

注释掉这段js 即可完成；

[b]解决办法2 修改css[/b]

祭出css 大宝剑!important

增加如下css

.modal-open {

    overflow: initial !important;

}

.body{

    adding-right: 0px !important;

}

?

1. 源文件库是否与API 一致
2. 插件加载过多 冲突
3. JQ版本过低？？（本人未作验证 真实性有待考究）

$('#myModal').modal({

  keyboard: false;//禁用键盘ESC 关闭

  backdrop: false;//禁用非modal外半透背景点击关闭

})

data-backdrop="false"(html5 data 调用)

container

String. Default: “body”

Appends the date picker popup to a specific element; eg: container: ‘#picker-container’ (will default to “body”)

<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: block; padding-right: 17px;">

        <div class="modal-dialog" role="document">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>

                    <h4 class="modal-title" id="myModalLabel">Modal title</h4>

                </div>

                <div class="modal-body">

                    <form>

                        <div class="form-group" style="position:relative;">

                            <label for="exampleInputEmail1">Datetimepicker</label>

                            <input type="text" class="form-control" id="datetimepicker">

                    </form>

                </div>

                <div class="modal-footer">

                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

                </div>

            </div>

        </div>

    </div>

    $(function() {

        $('#datetimepicker').datetimepicker({

        	format: 'yyyy-mm-dd hh:ii',

        	container : '#myModal .form-group'

        });

    });