如何停止在 angular 2 中的过滤器中获取冗余日期

Question

我在我的过滤器中得到这样的日期...

2014 年 9 月 26 日星期五17:00:00格林威治标准时间
2014 年 9 月 26 日，星期五 18:30:00 GMT
2014 年 9 月 26 日，星期五 22:30:00 GMT

虽然从数据库中进行筛选，但我得到了三个相同的日期，如下所示...

2014 年 9 月 26 日
2014 年 9 月 26 日
2014 年 9 月 26 日

但是我只想要一个
2014 年 9 月 26 日

那么我该如何实现呢？？

Answer 1

在组件中尝试这个并循环遍历它（这会让您大致了解如何做）

从“@angular/core”导入{组件}；

@Component({
  selector: 'my-app',
  template:`<h1>My First Angular 2 App</h1>
  <p>{{test | date: 'dd-MMM-yyyy'}} - format: dd/MM/yyyy</p>`
})
export class AppComponent { 
  test : Date = new Date();
}

这里是Plunker

在组件中编辑它：创建一个函数getFormatDate()并像这样使用它

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template:`<h1>My First Angular 2 App</h1>
  <p>{{getFormatDate(test) | date: 'dd-MMM-yyyy'}} - format: dd/MM/yyyy</p>`
})
export class AppComponent { 
  test : Date = new Date();
  getFormatDate(dte){
    return new Date(dte);
  }
}

这里是Plunker

Answer 2

好的，这是完美的答案

  this.DeliveryDate = json.DateStart != null ? new Date(json.DateStart).setHours(0,0,0) : null;

根据我的问题，通过 setHours(0,0,0) 只会得到一个日期。

如何停止在 angular 2 中的过滤器中获取冗余日期

How to stop getting redundant date in filter in angular 2

datetime

date

datetime-format

angular2-routing

angular