bootstrap datepicker在错误的位置打开

时间:2015-10-19 02:50:11

标签: jquery datepicker

我在用户注册表单上使用bootsrap datepicker。我使用以下代码触发了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查看 通常,datepicker在我的其他项目中工作正常。但无法在这个项目中找到真正的问题。

1 个答案:

答案 0 :(得分:4)

看起来你在.dropdown-menu第238行style.css中覆盖了right: 0 !important;的规则...也许是为了菜单?您要么增加该规则的特异性以准确匹配您想要更改的位置,要么它将继续应用于具有类.dropdown-menu的任何元素,我相信它也被日期选择器使用HTML

祝你好运伴侣