【问题标题】:Bootstrap datepicker orientation/placement引导日期选择器方向/放置
【发布时间】:2013-12-14 06:50:36
【问题描述】:

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

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

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

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

【问题讨论】:

标签: javascript css twitter-bootstrap bootstrap-datepicker


【解决方案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",

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-19
    • 2012-11-02
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多