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

标签 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

最佳答案

widgetPositioning 选项起到了作用:

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

关于jquery - 对齐 Bootstrap Datetimepicker,使其位于文本框上方而不是下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28664863/

相关文章:

css - 我无法更改导航链接的颜色

jQuery .css ('backgroundColor' ) 问题

jquery - Django 与 Select2 远程数据示例

html - html 元素的第一个子元素是什么?

html - 在其他元素之上制作一个 div 背景色

javascript - knockout 'attr' 是否总是假设输入需要转义,是否可以将其关闭?

iphone - 关于CSS视口(viewport)宽度/高度的问题

css - 当浏览器不支持媒体查询时到底会发生什么?

javascript - 尝试使用 jquery 显示/隐藏元素时遇到问题

javascript - TypeError : $(. ..).lightGallery(...).destroy 不是函数