Bootstrap datepicker方向/位置

Question

我有一个文本字段,在页面底部放置了一个附加的日期选择器.我的问题是,datepicker出现在文本字段下方.

因此,它出现在窗外.我用谷歌搜索,发现显然我可以通过一些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

嗨,你可以去这个链接,并选择具有代码的datepicker 在线演示的样式