Bootstrap datepicker方向/位置

Question

我有一个文本字段，其中附加的日期选择器位于页面底部。我的问题是，datepicker出现在文本字段下方。

因此，它出现在窗外。我用Google搜索并发现显然我可以通过一些orientation属性修复此问题：

$('#dp2').datepicker({
     orientation: 'auto top'
});

但这没有效果。任何人都知道如何实现这一目标？

Answer 1

经过一番努力，找到了所需的解决方案

在Datepicker Link，只需点击下载开发，即可获得包含方向选项的最新JS。在JS给出的默认值是：

var defaults = $.fn.datepicker.defaults = {
    autoclose: true,
    beforeShowDay: $.noop,
    calendarWeeks: false,
    clearBtn: false,
    daysOfWeekDisabled: [],
    endDate: Infinity,
    forceParse: true,
    format: 'mm/dd/yyyy',
    keyboardNavigation: true,
    language: 'en',
    minViewMode: 0,
    orientation: "auto",
    rtl: false,
    startDate: -Infinity,
    startView: 2,
    todayBtn: false,
    todayHighlight: false,
    weekStart: 0
};

我只使用默认值：

orientation: "auto",

还有更多可供选择的选项。

Answer 2

您好，您可以转到此链接并选择日期选择器的样式 Online demo with code

Answer 3

查看此帖子以获得答案..

水平和垂直应该用作widgetPositioning选项的参数

Bootstrap 3 datetimepicker widget position