web-dev-qa-db-ja.com

Bootstrap datepickerの向き/配置

ページの下部に日付ピッカーが添付されたテキストフィールドがあります。私の問題は、日付ピッカーがテキストフィールドの下に表示されることです。

Datepick

したがって、ウィンドウの外側に表示されます。 Googleで検索したところ、明らかにorientationプロパティでこれを修正できることがわかりました。

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

しかし、これは効果がありませんでした。誰も私がこれを達成する方法を知っていますか？

javascriptcsstwitter-bootstrapbootstrap-datepicker
26
Abs

苦労して必要な解決策を見つけた後 enter image description here

Datepicker Link で、Download Developmentをクリックして、向きオプションを含む最新の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",

オリエンテーションにはさらに多くのオプションがあります。

34
Abs

こんにちは、このリンクに移動して、datepickerのスタイルを選択できます コード付きオンラインデモ

7
Marcia Ong

答えについては、この投稿を確認してください。

水平および垂直は、widgetPositioningオプションのパラメーターとして使用する必要があります

Bootstrap 3 datetimepickerウィジェットの位置

1
user7436064