引導日期選擇器彈出框

Question

如何移動日期選擇器彈出框以顯示在右側？目前正在讓我向下滾動頁面查看日曆。

<div class ="form-group"> 
<label class="col-sm-2 control-label" >Received Date</label> 
<div class="col-sm-2 input-group date" data-date-format="mm-dd-yyyy"> 
<input class="text-input form-control" type="text" name="ARDT" id="ARDT" maxlength="10" /> 
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> 
</div> 
</div> 

2.如何將應用程序編號的字段大小設置爲15？

<div class ="form-group"> 
<label class="col-sm-2 control-label" >Application Number</label> 
    <div class="col-sm-3"> 
    <input class="text-input form-control" type="text" name="appNumber" id="appNumber" maxlength="15" size="15"/> 
</div> 
</div> 

DEMO

Answer 1

Twitter的自舉-3日期選擇器具有選項 「orientation」：

的空間分隔的字符串由一個或兩個的‘左’或 ‘右’的，「頂部「或」底部「和」自動「（可以省略）;例如， 「左上」，「下」（水平方向將默認爲「自動」）， 「右」（垂直方向將默認爲「自動」），「自動頂部」。 允許固定放置選取器彈出框。