用于放置datepicker的bootstrap datepicker方向语法

时间:2013-07-23 08:16:18

标签: twitter-bootstrap datepicker

有没有人知道为bootstrap datepicker设置orientation property orientation属性的语法?

这是我的jquery:

$(function() {
    $("#dp3").datepicker({
        orientation: 'top right'
    });
});

Datepicker工作正常但不能改变所有方向,任何帮助都会受到赞赏。

Html看起来像:

<div class="control-group">                                         
    <label class="control-label" for="birthday">Birthday</label>
    <div class="controls">
        <div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
            <input class="date-input-large" size="16" type="text" value="12-02-2012">
            <span class="add-on"><i class="icon-calendar"></i></span>
        </div>
    </div> <!-- /controls -->               
</div>

1 个答案:

答案 0 :(得分:3)

Bootstrap datapicker插件只支持左方向。您可以查看原始code here。但是,它有一些聪明才能让它在视野中。

您可以使用的是:

$("#dp3").datepicker({
    orientation: 'left'
});

方向为righttop不受支持。