Question

如何将'[object Object]'（datepicker）转换为日期格式

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

当我显示

    {{meeting.date | date }}

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

Answer 1

根据您的评论，您尝试提供给date_expression | date[:format]的内容是......

expression

Angular无法读取这样的对象并理解这是一个约会。您需要先将其转换为Angular可以理解的格式。 this part中提到了接受的格式：

{{1}}

{{1}}是日期对象或数字（自UTC纪元以来的毫秒数）或ISO字符串（docs）。

Answer 2

在组件

中

export class DateComponent implements OnInit {
      objDate = Date.now();
}

在HTML中

<strong>{{ objDate | date :'fullDate' }}</strong>

输出

Thursday, February 15, 2018

Answer 3

对于仍在寻找答案的用户，您必须使用docs中所示的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 4

试试这个：

{{meeting.date.seconds * 1000 | date:'MM-dd-yyyy'}}

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

4 个答案: