angular - 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'}}"

结果: