将“ [object Object]”转换为日期角4

Question

如何将“ [对象对象]”（日期选择器）转换为日期格式

<input type="text"
       id="date"
       class="form-control"
       formControlName="date"
       name="date"
       [(ngModel)]="date"
       ngbDatepicker
       #incorporatedDatePicker="ngbDatepicker"
       (click)="incorporatedDatePicker.toggle()"
       readonly>

当我展示

    {{meeting.date | date }} 

我有错误：管道'DatePipe'的invalidPipeArgument错误'[object Object]'

Answer 1

对于那些仍在寻找答案的人，您必须使用文档中NgbDateAdapter所示的提供程序：

import { NgbModule, NgbDateAdapter, NgbDateNativeAdapter } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  imports: [
    NgbModule.forRoot(),
    ...
  ],
  providers: [{
    provide: NgbDateAdapter,
    useClass: NgbDateNativeAdapter
  }]
})
export class AppModule { }

然后在[(ngModel)]="from"输入上使用时，它会自动使用模型作为Date

Answer 2

根据您的评论，您想要提供的DatePipe是......

{ "day": 18, "month": 8, "year": 2017 }

Angular 无法读取这样的对象并理解它是日期。您需要先将其转换为 Angular 可以理解的某种格式。文档中提到了接受的格式：

date_expression | date[:format]

expression是日期对象或数字（自 UTC 纪元以来的毫秒数）或 ISO 字符串 ( https://www.w3.org/TR/NOTE-datetime )。