如何在PickaDate.js中更改弹出位置

时间:2019-03-09 23:59:34

标签: javascript html bootstrap-4 pickadate

我想知道如何从pickadate.js更改日历弹出窗口的位置。我的问题是,我想用两个输入组成一个bootstrap flexbox容器来选择一个日期(从和到)。

以下作品,但我想输入的是正确的而不是左边的: Example 1

<div id="filter" class="d-flex p-2 flex-column justify-content-between align-items-stretch">
    <fieldset>
        <input type="text" id="datepicker_from" class="test" />
    </fieldset>
    <p class="test filtertext">To</p>
    <fieldset>
        <input type="text" id="datepicker_to" class="test" />
    </fieldset>
</div>

当我将它们置于右侧时,弹出窗口的大小与输入字段相同。这样可以使弹出窗口小很多:enter image description here

<div id="filter" class="d-flex p-2 flex-column justify-content-between align-items-end">
    <fieldset>
        <input type="text" id="datepicker_from" class="test" />
    </fieldset>
    <p class="test filtertext">To</p>
    <fieldset>
        <input type="text" id="datepicker_to" class="test" />
    </fieldset>
</div>

那么,有没有办法放置弹出窗口?

0 个答案:

没有答案