Twitter bootstrap 引导Datetimepicker-更改Popover位置

我正在使用下面的引导插件，并且基本上希望将包含日历/时间选择器的popover的位置更改为显示在附加按钮的左侧，而不是插件演示中的右侧

---

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

我想这就是问题所在：

<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>

---

您可以通过添加

pickerPosition: "bottom-left"

试着这样做：

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

其他定位选项包括：

pickerPosition: "bottom-left"
pickerPosition: "top-left"
pickerPosition: "top-right"

pickerPosition: "bottom-left"
pickerPosition: "top-left"
pickerPosition: "top-right"