bootstrap datepicker在錯誤的位置打開

Question

我在用戶註冊表單上使用bootsrap datepicker。我曾嘗試使用下面的代碼觸發日期選擇器：

$(function(){ 
     $("#dob").datepicker({ 
      autoclose: true, 
      format : 'mm-dd-yyyy', 
      orientation: 'top' 
     }); 
}); 

我的HTML輸入的樣子：

<div class="form-group"> 
    <div class="input text required" aria-required="true"> 
    <label for="dob">Dob</label> 
    <input type="text" required="required" id="dob" placeholder="DD-MM-YYYY" class="form-control" name="data[User][dob]" aria-required="true"/> 
    </div> 
</div> 

您可以在link 通常在日期選擇器我的其他項目正常工作檢查。但在這個項目中找不到真正的問題。

Answer 1

看起來像你做了.dropdown-menustyle.css線238 right: 0 !important;的規則覆蓋...也許是一個菜單？它要麼增加了該規則的特殊性，以確切地匹配你想要改變的地方，要麼繼續適用於類.dropdown-menu的任何元素，我相信它也被date-picker html使用。

祝你好運夥伴