Bootstrap Datepicker Ausrichtung/Platzierung

Question

Ich habe ein Textfeld mit einem beigefügten Datumsauswahl am unteren Rand der Seite platziert. Mein Problem ist, dass der Datumsauswahl unter dem Textfeld angezeigt wird.

Folglich erscheint es vor dem Fenster. Ich gegoogelt und festgestellt, dass offenbar ich dies mit einiger orientation Eigenschaft beheben:

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

aber keine Wirkung hatte. Jeder hat eine Idee, wie kann ich das erreichen?

Answer 1

Nach einigem Kampf fanden die erforderliche Lösung

bei Datepicker Link, klicken Sie einfach auf die herunterladen Entwicklung und aktuelle JS zu erhalten, die die Orientierung Optionen. In den JS angegebenen Standardwerte sind:

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 
}; 

benutze ich nur die Standard-:

orientation: "auto", 

gibt es mehr Möglichkeiten zur Orientierung zur Verfügung.

Answer 2

Hallo können Sie diesen Link gehen und wählen Sie den Stil für die picker Online demo with code

Answer 3

prüfen diesen Beitrag für die Antwort ..

horizontale und vertikale sollte

als Parameter der widgetPositioning Option verwendet werden

Bootstrap 3 datetimepicker widget position