web-dev-qa-db-fra.com

Bootstrap orientation / placement du sélecteur de date

J'ai un champ de texte avec un sélecteur de date attaché placé au bas de la page. Mon problème est que le sélecteur de date apparaît sous le champ de texte.

Datepick

Par conséquent, il apparaît en dehors de la fenêtre. J'ai fait une recherche sur Google et j'ai découvert que je peux apparemment résoudre ce problème avec une propriété orientation:

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

mais cela n'a eu aucun effet. Quelqu'un a une idée comment puis-je y parvenir?

javascriptcsstwitter-bootstrapbootstrap-datepicker
26
Abs

Après quelques difficultés, a trouvé la solution requise enter image description here

à Datepicker Link , cliquez simplement sur Télécharger le développement et obtenez le dernier JS qui inclut les options d'orientation. Dans le JS, les valeurs par défaut sont les suivantes:

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

J'utilise juste la valeur par défaut:

orientation: "auto",

il y a plus d'options disponibles pour l'orientation.

34
Abs

Salut, vous pouvez aller sur ce lien et sélectionner le style pour le datepicker Démo en ligne avec code

7
Marcia Ong

Consultez ce post pour la réponse ..

horizontal et vertical doivent être utilisés comme paramètres de l'option widgetPositioning

position du widget Bootstrap 3 datetimepicker

1
user7436064