2015-10-19 41 views
0

我在用户注册表单上使用bootsrap datepicker。我曾尝试使用下面的代码触发日期选择器:bootstrap 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 通常在日期选择器我的其他项目正常工作检查。但在这个项目中找不到真正的问题。

回答

4

看起来像你做了.dropdown-menustyle.css线238 right: 0 !important;的规则覆盖...也许是一个菜单?它要么增加了该规则的特殊性,以确切地匹配你想要改变的地方,要么继续适用于类.dropdown-menu的任何元素,我相信它也被date-picker html使用。

祝你好运伙伴