引导日期选择器方向/放置

Posted 2023-05-07

【中文标题】引导日期选择器方向/放置

【英文标题】：Bootstrap datepicker orientation/placement

【发布时间】：2013-12-14 06:50:36

【问题描述】：

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

因此，它出现在窗口之外。我用谷歌搜索，发现显然我可以用一些 orientation 属性来解决这个问题：

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

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

【问题讨论】：

bootstrap-datepicker.readthedocs.org/en/latest/options.html

查看这篇文章以获得答案。水平和垂直应该用作widgetPositioning选项的参数***.com/questions/32547737/…

如果您只想要顶部放置，请删除 auto 并在选项对象中使用方向：'top'

【参考方案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",

还有更多可供选择的方向。