Bootstrap Daterangepicker向右移动范围输入

Question

我目前正在使用基本的bootstrap daterangepicker。但是我需要在日历之后将范围输入（应用和取消按钮）放在右侧。

目前，它位于左侧：

有没有什么方法可以让我轻松地将它移到右边？

更新代码
我正在使用他们提供的基本代码。

<div id="reg-date" class="btn">
    <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
    <span></span> 
    <b class="caret"></b>
</div>

这是我用过的脚本

<script type="text/javascript">
   $(document).ready(function() {
      $('#reg-date span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
      $('#reg-date').daterangepicker({
         opens: 'right'
      });
   });
</script>

Answer 1

如果您预期应用和取消按钮位于控件右侧，无论日历图标和插入符号打开日期选择器控件。您可以使用这样的简单代码。它给你相同的结果。在日历控件的右侧应用和取消

<input type="text" name="daterange" value="01/01/2015 - 01/31/2015" />

<script type="text/javascript">
$(function() {
    $('input[name="daterange"]').daterangepicker();
});

此外，如果您想通过现有代码解决问题，则需要使用CSS更新问题并使用日历和插入符号图标更新屏幕截图。