将异步日期设置为 NgbDatePicker ngModel

【问题标题】：Set Async Date to NgbDatePicker ngModel将异步日期设置为 NgbDatePicker ngModel
【发布时间】：2020-04-02 10:14:03
【问题描述】：

我将 ngbDatePicker 用于我的 Angular 项目。它无法将异步日期设置为 ngModel。

        <input class="form-control"  [(ngModel)]="departureDate | async" (click)="dp.toggle()"
        placeholder="dd-mm-yyyy" name="dp" ngbDatepicker #dp="ngbDatepicker" [navigation]="navigation"
            [minDate]="minDate">
        <div class="input-group-append">
            <button class="btn btn-outline-secondary calendar" (click)="dp.toggle()" type="button"></button>
        </div>

如何将异步日期设置为 ngbDatepicker？

谢谢

【问题讨论】：

标签： angular ng-bootstrap

【解决方案1】：

我会设置一个不同的属性而不使用async 管道。

departureDateValue: string;
ngOnInit() {
  this.departureDate.subscribe(date = > this.departureDateValue = date);
}

 <input class="form-control"  [(ngModel)]="departureDateValue" (click)="dp.toggle()"
        placeholder="dd-mm-yyyy" name="dp" ngbDatepicker #dp="ngbDatepicker" [navigation]="navigation"
            [minDate]="minDate">
        <div class="input-group-append">
            <button class="btn btn-outline-secondary calendar" (click)="dp.toggle()" type="button"></button>
        </div>

这样departureDateValue就会有绑定。

【讨论】：