ruby-on-rails - 上部にフロートするように配置されたブートストラップjQueryUI

Question

ブートストラップ用のDatepickerをインストールしましたが、うまく機能しています。しかし、このメソッドを使用しplaceて、日付ピッカーを要素の下ではなく上に配置する方法がわかりません。ブートストラップポップオーバーと同じように機能すると思いますが、理解できませんでした。

助言がありますか？

Answer 1

ページから：

.datepicker（'place'）

要素に対する日付ピッカーの位置を更新します

ピッカーの位置（ページ上に絶対的に配置されている）を更新することだけを示しており、配置を変更できることは示していません。

Answer 2

配置機能は、入力ボックスの下に日付ピッカーを自動的に配置します。配置したい場所を選択できる機能ではありません。

ただし、その関数のデフォルト機能を独自のカスタム配置で簡単にオーバーライドできます。

これがそのhttp://jsfiddle.net/G7sWL/19/の例です

すべて私は元の関数をコピーし、10の垂直オフセットと50の水平オフセットを追加しました。

$(function() {
    var picker = $('.datepicker').datepicker();
    var widget = picker.data('datepicker');
    widget.place = function(){  //the original place function
        var offset = this.component ? this.component.offset() : this.element.offset();
        this.picker.css({
            top: offset.top + this.height + 10,  // change #1 = added "+10"
            left: offset.left +50                // change #2 = added "+50"
        });
    }
});