如何在自定义容器中显示bootstrap-datepicker？

Question

我试图在用户点击自定义控件（div）后在容器中显示bootstrap-datepicker。输入字段是隐藏的。这是我到目前为止所得到的：http://jsfiddle.net/bczjxv8x/1/

我初始化datepicker以使用自定义容器：

$('#datepicker').datepicker({
    container: '.container'
});

然后单击我打开datepicker：

$('.button').on('click', function() {
    $('#datepicker').datepicker('show');
});

问题是，弹出的是datepicker，计算出左侧和顶部属性并且不在正确的位置。我需要将datepicker弹出正确的容器。如果我使用'.containter'来初始化datepicker，它将以内联模式启动。

Answer 1

我使用bootstrap 4遇到了同样的问题你需要创建一个这样的容器：

    <div class="input-group date">
    <input type="text" class="form-control" value="12-02-2012">
    <div class="input-group-addon">
        <span class="glyphicon glyphicon-th"></span>
    </div>
</div>

重要的是使用“输入组”类来看看docu

我还必须把'.input-group'放到容器选项中

我尝试了其他类和ID，但它没有用。这是唯一可行的解​​决方案

还看看这个guide