如何格式化角度5的组件中的日期 [英] how to format date in Component of angular 5

问题描述

我刚接触过角度，并希望在组件ngOnInit方法中设置日期格式.我看到了一些使用管道运算符格式化数据的示例，但我不知道如何格式化组件文件中的日期.

I am new to angular and looking to format date in component ngOnInit method. I have seen some example where pipe operator are used to format the data but i dont know how to format date in component file.

下面是代码

export class DashboardComponent implements OnInit {
  formatdate = 'dd/MM/yyyy';
  constructor(private auth: AuthService) { }

  ngOnInit() {
    console.log(new Date().toISOString())
  }


}

推荐答案

您可以找到 更多信息关于日期管道 ，例如格式.

You can find more information about the date pipe here, such as formats.

如果要在组件中使用它，只需执行

If you want to use it in your component, you can simply do

pipe = new DatePipe('en-US'); // Use your own locale

现在，您只需使用其转换方法即可，即

Now, you can simply use its transform method, which will be

const now = Date.now();
const myFormattedDate = this.pipe.transform(now, 'short');

这篇关于如何格式化角度5的组件中的日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！