0

我已经为 Bootstrap 安装了 Datepicker，它运行良好。但我不知道如何使用该place方法将日期选择器定位在元素上方而不是下方。我猜它的工作原理类似于 bootstrap popovers，但我无法弄清楚。

有什么建议么？

4

2 回答 2

0

放置功能只是自动将日期选择器放置在您的输入框下。它不是一个让您选择放置它的位置的功能。

但是，您可以使用自己的自定义位置轻松覆盖该函数的默认功能。

这是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"
        });
    }
});
于 2012-10-05T00:42:47.383 回答
0

从页面：

.datepicker('地点')

更新日期选择器相对于元素的位置

它只是说它更新了选择器的位置（绝对定位在页面上），而不是你可以改变它的位置。

于 2012-10-04T19:19:27.550 回答