如何使用角度日期管道设置日期数组的格式

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"
      ]

如何使用日期管道将其转换为日期时间。

Answer 1

将

DatePipe 导入 app.module 文件import { DatePipe} from '@angular/common'

并使用此预定义格式选项格式化日期对象

并将此代码包含在您的 app.component.html 页面

{{ DateObjectValue | date:'medium'}}

请参阅随附的堆栈闪电战示例链接：格式日期示例

Answer 2

你可以像这样使用管道

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"
      ];
}

网页文件

<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

Answer 3

StackBliz 在这里https://stackblitz.com/edit/angular-bvpg4r

1( 导入日期管道：

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');
}