bootstrap datetimepickerコントロール位置異常の解決方法
2559 ワード
今日は設定を書き終えた時に、ブックレット・datetimepickerを日付コントロールとして使いました。
git上でcloneの最新のコードを実行してデモを実行したら、コントロールエリア全体は1000 pxぐらい下に移動します。
準備として使っていたバックグラウンド・プログラム猿が、今は心を壊しています。
Baiduは長い間、対応する解決策を見つけられなかったので、自分でソースを修正しました。
最終解決策:
ソースを開くには、bootstrap-datetimepicker.jsファイル
ライン527行です。このコメントを開けばいいです。
えっと、これはテストなしで提出したバグです。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
git上でcloneの最新のコードを実行してデモを実行したら、コントロールエリア全体は1000 pxぐらい下に移動します。
準備として使っていたバックグラウンド・プログラム猿が、今は心を壊しています。
Baiduは長い間、対応する解決策を見つけられなかったので、自分でソースを修正しました。
最終解決策:
ソースを開くには、bootstrap-datetimepicker.jsファイル
ライン527行です。このコメントを開けばいいです。
/*if (this.pickerPosition == 'top-left' || this.pickerPosition == 'top-right') {
top = offset.top - this.picker.outerHeight();
} else {
top = offset.top + this.height;
}*/
見ていてもあまり気分が良くないなら、注釈はオンライン533-ライン544を落とします。
top = top - containerOffset.top + 169;
left = left - containerOffset.left + 210;
なぜこのように解決しますか?
place: function () {
if (this.isInline) return;
if (!this.zIndex) {
var index_highest = 0;
$('div').each(function () {
var index_current = parseInt($(this).css('zIndex'), 10);
if (index_current > index_highest) {
index_highest = index_current;
}
});
this.zIndex = index_highest + 10;
}
var offset, top, left, containerOffset;
if (this.container instanceof $) {
containerOffset = this.container.offset();
} else {
containerOffset = $(this.container).offset();
}
if (this.component) {
offset = this.component.offset();
left = offset.left;
if (this.pickerPosition == 'bottom-left' || this.pickerPosition == 'top-left') {
left += this.component.outerWidth() - this.picker.outerWidth();
}
} else {
offset = this.element.offset();
left = offset.left;
}
var bodyWidth = document.body.clientWidth || window.innerWidth;
if (left + 220 > bodyWidth) {
left = bodyWidth - 220;
}
/*if (this.pickerPosition == 'top-left' || this.pickerPosition == 'top-right') {
top = offset.top - this.picker.outerHeight();
} else {
top = offset.top + this.height;
}*/
top = top - containerOffset.top + 169;
left = left - containerOffset.left + 210;
this.picker.css({
top: top,
left: left,
zIndex: this.zIndex
});
},
上記は関連のソースコードです。オンライン527行を注釈した後、初期化されていないtop変数を引用しました。えっと、これはテストなしで提出したバグです。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。