ng-bootstrap Datepicker当前日期，如占位符

Question

我在这里使用ng-bootstrap Datepicker：plnkr example

<div class="input-group">
  <input class="form-control" placeholder="yyyy-mm-dd"
         name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
  <div class="input-group-addon" (click)="d.toggle()" >
    <img src="img/calendar-icon.svg" style="width: 1.2rem; height: 1rem; cursor: pointer;"/>
  </div>
</div>

我希望将占位符作为当前日期而不是yyyy-mm-dd。 例如今天23.10.2016。 这是可能的，或者我该怎么做。

Answer 1

你可以这样做 -

在组件中，定义日期如下 -

valuedate = new Date();

在模板html中，像这样更改占位符 -

placeholder="{{valuedate | date: 'yyyy-MM-dd'}}"

结果：