javascript - 如何使用 DatePipe 在 Angular 4、5、6 及更高版本中获取日期和时间

Question

我在一个 angular 4 应用程序中工作，在这里我需要获取当前的日期和时间使用 angular DatePipe。

我想获取以下格式的日期和时间

dd-mm-yyyy hh:MM:ss 上午/下午

我通过如下使用 Angular DatePipe 得到了预期的结果

<p>{{today | date:'dd-MM-yyyy hh:mm:ss a':'+0530'}}</p> 

输出:

10-05-2018 03:28:57 PM

在这里我想做的是在不触及 HTML 的情况下从我的 app.component.ts 获得相同的输出

所以我尝试了下面的代码，但它生成了一个 13 位数字的时间戳

today = Date.now();
    fixedTimezone = this.today;

那么如何在不使用 HTML 的情况下完全从 app.component.ts 文件中获取上述格式的日期和时间。

Answer 1

适用于 Angular 6 或更高版本

您不需要任何第 3 方库。您可以使用 Angular method/util 进行格式化。从公共(public)包中导入 formatDate 并传递其他数据。请参阅下面给出的示例。

import { Component } from '@angular/core';
import {formatDate } from '@angular/common';
@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  today= new Date();
  jstoday = '';
  constructor() {
    this.jstoday = formatDate(this.today, 'dd-MM-yyyy hh:mm:ss a', 'en-US', '+0530');
  }
}

堆栈 Blitz :https://stackblitz.com/edit/angular-vjosat?file=src%2Fapp%2Fapp.component.ts