对齐Bootstrap Datetimepicker,使其位于文本框上方而不是下方

时间:2015-02-22 23:47:31

标签: jquery html css twitter-bootstrap datetimepicker

如何对齐Bootstrap Datetimepicker以使其位于文本框上方而不是下方。我的弹出窗口目前正被另一个div切断。

enter image description here

代码

$(document).ready(function () {
    $('#datetime').datetimepicker({
        locale: 'en'
    });
});
<input type="text" class="form-control booking" id="datetime" placeholder="I want it now">

Fiddle here

1 个答案:

答案 0 :(得分:2)

widgetPositioning选项可以解决问题:

$('#datetime').datetimepicker({
    locale: 'en',
    widgetPositioning: {
        vertical: 'top',
        horizontal: 'left'
    }
});