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

时间:2017-11-06 07:00:04

标签: angular date datetime angular2-routing datetime-format

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

2014年9月26日星期五17:00:00 GMT
2014年9月26日星期五18:30:00 GMT
2014年9月26日星期五22:30:00 GMT

从过滤器的数据库中我得到三个相同的日期......

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

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

那我怎么能实现呢?

2 个答案:

答案 0 :(得分:1)

在组件中尝试此操作并循环遍历它(这将使您大致了解如何执行此操作)

从@ angular / core';

导入{Component}
@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

答案 1 :(得分:1)

好的,这是完美的答案

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

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