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

Question

我正在使用 angular 4 应用程序，在这里我需要获取当前的 Date and Time Using angular DatePipe 。

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

dd-mm-yyyy hh:MM:ss AM/PM

我通过使用 Angular DatePipe 得到了预期，如下所示

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

输出 ：

 10-05-2018 03:28:57 PM

在这里，我想要做的是从我的 app.component.ts 获得相同的输出，而无需触及 HTML

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

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

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

原文由 Nikson 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

let dateFormat = require('dateformat');
let now = new Date();
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");

---

 Thursday, May 10th, 2018, 7:11:21 AM

---

这种格式和你的问题一模一样

dateFormat(now, "dd, mm, yyyy, h:MM:ss TT");

返回 10, 05, 2018 7:26:57 PM

你需要 npm 包 npm i dateformat 这里是 npm 包的链接 https://www.npmjs.com/package/dateformat

这是另一个启发我的问题 How to format a JavaScript date

---

h:MM:ss TT 结果 7:26:57 PM

HH:MM:ss 结果 13:26:57

这是 https://jsfiddle.net/5z1tLspw/

我希望这会有所帮助。

原文由 bereket gebredingle 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

将适用于 Angular 6 或更高版本

您不需要任何 3rd 方库。您可以使用 angular method/util 格式化。从通用包导入 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');
  }
}

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

原文由 xdeepakv 发布，翻译遵循 CC BY-SA 4.0 许可协议