2013-11-28 10 views
20

Mam pole tekstowe z dołączonym datepinkiem umieszczonym u dołu strony. Mój problem polega na tym, że datepicker pojawia się pod polem tekstowym.Orientacja/umieszczenie datepickerów

Datepick

konsekwencji, wydaje się za oknem. I Googled i stwierdziła, że ​​widocznie mogę rozwiązać ten problem z pewnym orientation nieruchomości:

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

ale to nie miało żadnego wpływu. Ktoś ma pomysł, jak mogę to osiągnąć?

+0

http://bootstrap-datepicker.readthedocs.org/en/latest/options.html –

Odpowiedz

27

Po jakimś walki znaleziono wymaganego rozwiązania enter image description here

na Datepicker Link, wystarczy kliknąć Pobierz Development tam najnowsze JS, które obejmują opcje orientacji. W JS podane domyślne to:

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

po prostu użyć domyślnego:

orientation: "auto", 

jest więcej opcji dostępnych dla orientacji.

+0

awans do linku ... :) – Shwet

+0

Czy to datepicker zasadniczo różni się od [uxsolutions bootstrap datepicker] (https://github.com/uxsolutions/bootstrap-datepicker/blob/1.3.0-rc.4/docs/index.rst) lub [datacicker bootstrapu programu eonadan] (https: //eonasdan.github.io/bootstrap-datetimepicker/)? Jest tak wiele datepickerów, że nie jestem pewien, z którym się połączyć! Mam jeden zaimplementowany, ale mający problemy z dostosowywaniem opcji. –

6

Hi można przejść ten link i wybrać styl dla datepicker Online demo with code

+0

cześć, używam datetimicker, jeśli używam orientacji: "w prawym dolnym rogu", błąd "orientacja opcji nie jest rozpoznawany" .. .. jakieś rozwiązanie? – Krish