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

Question

我需要一些帮助，我在引导程序上有日期选择器，想找到一种方法来定位它。根据被留下，我的不会在帮助中这样做。请帮助我改进下面的逻辑。谢谢，还想找到一种方法让我的日期选择器采用南非格式，"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"
});
});

我希望它能帮助你