javascript - 日期时间选择器显示在页面底部，而不是输入字段下方

Question

我已经为 Bootstrap 实现了这个日期时间选择器:http://www.malot.fr/bootstrap-datetimepicker/

它在我的 PC 上运行良好，但当我从手机浏览器打开它时，选择器不会显示在该字段下方。我必须一直滚动到页面底部才能看到它。

此外，输入字段未被禁用。点击它会弹出键盘，并且可以手动输入文本(我不希望这是可能的)。我想我可以在代码中禁用它，但在示例中它看起来应该默认禁用？

我会尽快发布更多代码，但如果有人已经知道可能是什么问题，请告诉我。谢谢:)

    <div class="form-group">
        <label for="startpicker" class="col-sm-1 control-label">Start:</label>
        <div class="col-sm-3">
            <div class='input-group date'>
                <input type='text' name="start" class="form-control datepicker" id="startpicker"/>
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
    </div>


    <div class="form-group">
        <label for="sluttpicker" class="col-sm-1 control-label">Slutt:</label>

        <div class="col-sm-3">
            <div class='input-group date'>
                <input type='text' name="slutt" class="form-control datepicker" id="sluttpicker" />
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
    </div>

    <script type="text/javascript">
    $(function () {
        $('.datepicker').datetimepicker(
            {
                format: "dd.mm kl.hh:ii",
                autoclose: "true",
                todayBtn: "true",
                minuteStep: 15,
                pickerPosition: "bottom-left"

            }
        );


        $('.selectpicker').selectpicker({
            style: "btn-primary"
        });

    });
    </script>

Answer 1

也许，你应该尝试用 class col-sm-3 代替与类 col-xs-3在 div 上里面<div class="form-group">