Bootstrap Datetimepicker - Change Popover Position

Question

Я использую следующий плагин Bootstrap и в основном хотел бы изменить расположение popover, содержащего каландр/таймер, чтобы показать слева от кнопки надстройки, а не справа как в демо-версии плагина.

http://tarruda.github.io/bootstrap-datetimepicker/

мне еще нужна надстройка на кнопке справа, но требует поповера, чтобы показать слева, под поле ввода.

Answer 1

Я думаю, что это о нем:

<div class="container-fluid"> 
    <div class="row-fluid"> 
     <div class="span12"> 
      <input id="simpleInput" type="text" class="span3 datepicker" /> 
      <div class="control-group"> 
       <label class="control-label" for="dateTest">New Date:</label> 
       <div class="controls"> 
        <div class="input-append date datepicker"> 
         <input id="compInput" class="span6" type="text" /> <span class="add-on"><i class="icon-th"></i></span> 

        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Использование

#target { 
    margin: 2em; 
} 

Live DEMO

Answer 2

Вы можете изменить позиционирование DateTimePicker влево, добавив

pickerPosition: "bottom-left" 

Попробуйте что-то вроде этого:

$(function() { 
    $('#your_date_time_picker').datetimepicker({ 
     language: 'en', 
     pickerPosition: "bottom-left" 
    }); 
    }); 

Другие варианты позиционирования являются:

pickerPosition: "bottom-left" 
pickerPosition: "top-left" 
pickerPosition: "top-right"