javascript - 使用 Pipe Angular 比较两个日期

Question

我使用 Angular CLI 6、angularfire2 和 firebase。

我想比较两个日期:StartDate 和 EndDate。

在英文中，如果开始日期的年月=结束日期的年月则不显示结束日期。

我试试这个:

组件.html:

<mat-list *ngIf="compareDates()">({{ ppsToDisplay?.datefin | date:'MMMM y'}})
Component.ts

compareDates(): boolean {
   return this.datePipe.transform(this.ppssToDisplay.datefin, 'MM-yyyy') === 
            this.datePipe.transform(this.ppssToDisplay.datedebut, 'MM-yyyy');
}

正是在这里，我不能在 typescript 中写考虑到管道。谢谢你的帮助

Answer 1

您可以如下编写您的compareDates:

sameDates(): boolean {
   return datePipe.transform(this.StartDate, 'MM-yyyy') === 
            datePipe.transform(this.EndDate, 'MM-yyyy');
}

您必须在组件构造函数中注入(inject) DatePipe。

constructor(private datePipe: DatePipe)

此外，您还必须将 DatePipe 添加到组件的提供者列表中

@Component({
  selector: 'my-app',
  template: `
    <div>
    </div>
  `,
  providers: [DatePipe]
})

您必须在您的应用模块中导入 Angular 通用模块。

import { DatePipe, CommonModule } from '@angular/common'
...
@NgModule({
  imports: [..., CommonModule, .... ],
  ...