css - 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 更新问题并使用日历和插入符号图标更新屏幕截图。