Как отформатировать массив дат, используя datepipe в angular?

Question

У меня есть массив дат, и это будет похоже на

      [
        "2019-06-17 09:21:20+05:30",
        "2019-06-18 09:21:20+05:30",
        "2019-06-19 09:21:20+05:30",
        "2019-06-20 09:21:20+05:30"
      ]

как преобразовать это в дату и время, используя datepipe.

Answer 1

импортируйте DatePipe в ваш файл app.module import { DatePipe} from '@angular/common'

и отформатируйте объекты даты, используя этот Предопределенные параметры формата

и включите этот код вВаша страница app.component.html

{{ DateObjectValue | date:'medium'}}

см. ссылку на пример прикрепленного стекаблица: FormatDateExample

Answer 2

StackBliz здесь https://stackblitz.com/edit/angular-bvpg4r

1) Импортировать DatePipe:

import { DatePipe } from '@angular/common';

2) Включить DatePipe в провайдеры вашего модуля:

NgModule({
  providers: [DatePipe]
})
export class AppModule {
}
or component's providers:

@Component({
  selector: 'home',
  styleUrls: ['./home.component.css'],
  templateUrl: './home.component.html',
  providers: [DatePipe]
})
export class HomeComponent {
...

3) Внедритьэто в конструктор вашего компонента, как и любой другой сервис:

constructor(private datePipe: DatePipe) {
}

4) Используйте его:

ngOnInit() {
     data=this.datePipe.transform("2019-06-20 09:21:20+05:30", 'yyyy-dd-MM');
}

Answer 3

Вы можете использовать трубу, как это

файл TS

export class AppComponent  {
  yourdate =   [
        "2019-06-17 09:21:20+05:30",
        "2019-06-18 09:21:20+05:30",
        "2019-06-19 09:21:20+05:30",
        "2019-06-20 09:21:20+05:30"
      ];
}

HTML-файл

<div *ngFor="let item of yourdate">
  {{item | date:'yyyy-MM-dd hh:mm'}}
</div>

https://stackblitz.com/edit/angular-date-pipe-array?file=src/app/app.component.html