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

Mar*_*rko 4 datepicker ng-bootstrap angular

我使用ng-bootstrap Datepicker之类的东西:plnkr示例

<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>
Run Code Online (Sandbox Code Playgroud)

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

San*_*ket 6

你可以这样做 -

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

valuedate = new Date();
Run Code Online (Sandbox Code Playgroud)

在模板html中,更改占位符,如下所示 -

placeholder="{{valuedate | date: 'yyyy-MM-dd'}}"
Run Code Online (Sandbox Code Playgroud)

结果:

日期占位符