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

我需要一些帮助，我在引导上有datepicker，我想找到一种方法来定位它。据我所知，我和他并没有这样做。请帮助我改进下面的逻辑。谢谢，我也想找到一种方法，使我的日期选择器成为南非格式的“yy-mm-dd”。我的显示为“dd-mm-yy”，例如2019年11月24日，它不允许。请帮忙，谢谢

  <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"
        });
      });

到


//日期功能
$（文档）.ready（函数（）{
$（'.input daterange'）.datepicker({
日期格式：“年月日”，
“方向”：“左”
});
});

您的引导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>

---

我希望它能帮助您

HTML代码看起来在我这边，仍然像以前一样工作，或者我的Iframe似乎隐藏了这个实现，以便我的日期选择器显示要离开的方向

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