Bootstrap Datetimepicker - 更改彈出窗口位置

Question

我使用以下Bootstrap插件，基本上想要更改包含calander /時間選擇器的彈出窗口的位置，以顯示在附加按鈕的左側而不是右側如插件演示中所示。

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"