1

我正在使用以下 Bootstrap 插件，并且基本上想更改包含日历/时间选择器的弹出框的位置，以显示在附加按钮的左侧，而不是插件演示中的右侧。

http://tarruda.github.io/bootstrap-datetimepicker/

我仍然需要右侧的附加按钮，但需要弹出框显示在左侧，在输入字段下方。

4

2 回答 2

0

我认为这是关于它的：

<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12">
            <input id="simpleInput" type="text" class="span3 datepicker" />
            <div class="control-group">
                <label class="control-label" for="dateTest">New Date:</label>
                <div class="controls">
                    <div class="input-append date datepicker">
                        <input id="compInput" class="span6" type="text" /> <span class="add-on"><i class="icon-th"></i></span>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

使用

#target {
    margin: 2em;
}

现场演示

于 2013-06-25T11:33:54.137 回答
0

您可以通过添加将 Datetimepicker 的位置更改为左侧

pickerPosition: "bottom-left"

尝试这样的事情：

$(function() {
    $('#your_date_time_picker').datetimepicker({
      language: 'en',
      pickerPosition: "bottom-left"
    });
  });

其他定位选项是：

pickerPosition: "bottom-left"
pickerPosition: "top-left"
pickerPosition: "top-right"
于 2015-07-13T02:12:38.580 回答