如何根据您的位置对齐您的日期选择器？

Question

我需要一些帮助，我在 bootstrap 上有 datepicker，想找到一种方法来定位它。 根据被留下，我的不这样做的帮助。 请帮助我改进下面的逻辑。 谢谢，还想找到一种方法让我的日期选择器采用南非格式“yy-mm-dd”。 我的显示 'dd-mm-yy'，例如 11/24/2019 它没有制作。 请帮忙，谢谢。

  <div class = "container">
     <div align="left">
     <div class="input-daterange input-group" id="datepicker">
       <input type="text" class="input-sm form-control" name="from" 
       placeholder="startdate" width="110"/>
       <span class="input-group-addon">To</span>
       <input type="text" class= "input-sm form-control" 
       placeholder="enddate" width="110"/>
        </div>
       </div>
      </div><br>

      // date functionality
      $(document).ready(function(){
      $('.input-daterange').datepicker({
       dateFormat: "dd.mm.yy",
        "orientation":"left"
        });
      });

Answer 1

你的引导 Html 应该是这样的：

<div class = "container">
    <div class="row">
        <div class="col d-flex">
            <div class="input-daterange input-group" id="datepicker">
                <input type="text" class="input-sm form-control" name="from" 
                placeholder="startdate" width="110"/>
                <span class="input-group-addon">To</span>
                <input type="text" class= "input-sm form-control" 
                placeholder="enddate" width="110"/>
            </div>        
        </div>
    </div>
</div>

然后它会左对齐。

对于 dd-mm-yyyy 格式，您的脚本应该是这样的。

// date functionality
$(document).ready(function(){
    $('.input-daterange').datepicker({
         dateFormat: "dd-mm-yy",
         "orientation":"left"
     });
});

我希望它会帮助你