bootstrap-year-calendar ...从文本字段更改popbox距离

时间:2016-07-12 23:12:31

标签: javascript twitter-bootstrap

我正在使用bootstrap-year-calendar,当我点击文本字段时,带有日历选择的popbox在文本字段上方显示大约100px而不是直接在文本字段? 如果弹出框出现在文本字段下方,它会直接显示在文本字段中,只有当它显示在文本字段上方时才会出现问题...

这是我的HTML

<div class="form-group">
    <label for="datetimepicker">Application deadline:</label>
    <input class="form-control" type="text" style="width: 300px;" id="datetimepicker">
</div>

这是我的javascript

<script type="text/javascript">
    $(function () {
        $('#datetimepicker').datetimepicker();
    });
</script>

因为这只是遵循最小的例子,我猜我的代码的其他部分存在某种冲突? 是否有修改弹出框位置的选项?

1 个答案:

答案 0 :(得分:0)

如果有人有同样的问题...将html更改为此解决了它......

<div class="row">
    <div class="col-lg-6">
        <label for="datetimepicker">Application deadline:    </label>
        <input class="form-control" type="text" style="width: 300px;" id="datetimepicker_example">
    </div>
</div>

即使我不知道我原来的HTML有什么问题吗?