javascript - example - Bootstrap orientación/ubicación datepicker

tooltips bootstrap

Question

Tengo un campo de texto con un selector de fecha adjunto ubicado en la parte inferior de la página. Mi problema es que el selector de fechas aparece debajo del campo de texto.

En consecuencia, aparece fuera de la ventana. Busqué en Google y encontré que aparentemente puedo arreglar esto con alguna propiedad de orientation :

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

pero esto no tuvo efecto. ¿Alguien tiene una idea de cómo puedo lograr esto?

Answer 1

Compruebe esta publicación para la respuesta ...

Se deben utilizar horizontales y verticales como parámetros de la opción widgetPositioning

Bootstrap 3 datetimepicker widget de posición

Answer 2

Después de alguna lucha encontré la solución requerida.

en Datepicker Link , simplemente haga clic en Descargar desarrollo y obtenga la última versión de JS que incluye las opciones de orientación. En el JS los valores por defecto son:

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

Solo uso el predeterminado:

orientation: "auto",

Hay más opciones disponibles para la orientación.

Answer 3

Hola, puede ir a este enlace y seleccionar el estilo para la demostración en línea del datepicker con código