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

Question

我正在一个角度4应用程序中工作，在这里我需要获取当前Date and Time Using角度DatePipe。

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

日-月-年 hh：MM：ss 上午/下午

我通过使用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文件中获取上述格式的日期和时间。

Answer 1

Will 适用于Angular 6或更高版本

您不需要任何第三方库。您可以使用角度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

Answer 2

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 的链接

这是另一个启发我的问题 如何格式化JavaScript

日期<小时 />

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

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

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

我希望这有所帮助。

Answer 3

使用函数 formatDate 根据区域设置规则设置日期格式。

{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}

它可能有用：(

Answer 4

要在 Angular中获取格式化日期，我们可以使用 Angular Datepipe。

例如，我们可以使用以下代码在代码中获取格式化日期。

import { DatePipe } from '@angular/common';
@Component({
selector: 'app-name-class',
templateUrl: './name.component.html',
styleUrls: ['./name.component.scss']
})
export class NameComponent implements OnInit {

// define datepipe
datePipe: DatePipe = new DatePipe('en-US');

constructor(){}
// method to get formatted date
getFormattedDate(){

var date = new Date();
var transformDate = this.datePipe.transform(date, 'yyyy-MM-dd');
return transformDate;
}
}

之后，您可以在html代码中使用getFormattedDate()方法。

<p>{{getFormattedDate()}}</p>