jquery - 打开UI日期选择器日历的上方/下方

我正在使用引导日历ui-datepicker，并使用以下代码弹出日历。

<input type="text" name="expectedClosedDate" class="form-control width-160 float-left" uib-datepicker-popup="{{expectedClosedDate.format}}" min-date="minDate" ng-model="ideaDetail.Idea.ExpectedCloseDate" datepicker-options="expectedClosedDate.dateOptions" close-text="Close" is-open="expectedClosedDate.isOpened" disabled date-disabled="expectedClosedDate.disabled(date, mode)" />
            <span class="addon-brit input-group-addon mouse-hand float-left" ng-click="expectedClosedDate.open()" style="width:50px;line-height: 1.68">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>

问题是，它打开了日历的下行空间，根据我的用户界面，我想将其向上打开。有什么建议么？

最佳答案

默认情况下，datepicker元素在输入下方创建。该pate picker元素上有一种样式：

    display: block;
    top: 34px;
    left: 0px;

选择器高度约为288像素，因此，如果将top设置为-290px，则它将位于输入上方。

因此，您可以使用CSS来做到这一点。想法是：给输入一个id，如上所述设置该输入的下一个ul元素的样式。