如何在angular 2中将日期转换为这种“yyyy-MM-dd”格式

Question

我想将当前数据转换为< code>'yyyy-MM-dd'格式。ts文件。我模板它可以很容易地通过使用数据管道。如何在typescript中做到这一点。

在模板中：

{{date  | date:'yyyy-MM-dd'}}

现在我只是用这个得到当前的日期。

this.date =  new Date();

但需要将其转换为给定格式。请指导如何做…谢谢！

Answer 1

一个简单的解决方法是只写

this.date = new Date().toLocaleDateString();

日期＜代码＞。toLocaleDateString（）time。toLocaleTimeString（）两者均。toLocaleString（）

希望这有所帮助。

Answer 2

我在项目中遇到的问题也一样。感谢@Umar Rashed，但我将详细解释它。

首先，从app.module中提供管道的日期：

providers: [DatePipe]

导入到您的组件和app.module:

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

其次，在构造函数下声明它:

constructor(
    public datepipe: DatePipe
  ) {

日期来自服务器并解析到控制台，如下所示:

2000-09-19T00:00:00

我用这个代码把日期转换成我需要的日期；在打字稿中:

this.datepipe.transform(this.birthDate, 'dd/MM/yyyy')

从HTML模板显示：

{{ user.birthDate }}

19/09/2000

在网站上也可以看到这样的情况：过滤后显示的日期（单击以查看屏幕截图）

Answer 3

通过使用日期管道，可以在typescript中将日期转换为以下格式< code>'yyyy-MM-dd'

import { DatePipe } from '@angular/common'
...
constructor(public datepipe: DatePipe){}
...
myFunction(){
 this.date=new Date();
 let latest_date =this.datepipe.transform(this.date, 'yyyy-MM-dd');
}

只需在app.module.ts的“providers”数组中添加Datepipe。如下所示：

import { DatePipe } from '@angular/common'
...
providers: [DatePipe]