angular - 如何对齐 ngx-bootstrap 日期选择器

Question

我想自定义 ngx-bootstrap 日期选择器。我想对齐输入的左侧/右侧，但它不起作用。

<div class="col-xs-12 col-12 col-md-4 form-group">
    <input type="text"
           placeholder="Datepicker"
           class="form-control"
           bsDatepicker
           [bsConfig]="{ adaptivePosition: true }">
  </div>

Now it works like this

But I want something like that

我找不到任何自定义日期选择器的方法。任何人都可以帮助解决这个问题。

Answer 1

使用放置属性来对齐日期选择器。您可以单独使用 adaptivePosition 属性安全地删除 placement 和位置。

<input type="text"
       placeholder="Datepicker"
       class="form-control"
       bsDatepicker
       placement="bottom right">