Question

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

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

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

然后点击我打开datepicker：

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

问题是，弹出的是datepicker，计算出左侧和顶部属性并且不在正确的位置。我需要将datepicker弹出正确的容器。如果我使用＆＃39; .containter＆＃39;初始化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

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

1 个答案: