在Angular 4中以'yyyy-MM-dd'格式获取当前日期

Question

如何以特定格式'yyyy-MM-dd'获取当前日期,今天通过示例我的结果为:'2018-07-12',只使用命令

myDate = new Date();

非常感谢

Answer 1

您可以使用DatePipe格式化Angular中的日期.

如果你想格式化日期,那么你可以像这样在构造函数中注入DatePipe作为服务

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

@Component({
    templateUrl: './name.component.html',
    styleUrls: ['./name.component.scss'],
    providers: [DatePipe]
})

myDate = new Date();
constructor(private datePipe: DatePipe){
    this.myDate = this.datePipe.transform(this.myDate, 'yyyy-MM-dd');
}

如果你想格式化html文件,

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

从Angular 6开始,这也有效,

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

formatDate(new Date(), 'yyyy/MM/dd', 'en');

Answer 2

如果您只想显示，那么您可以在 HTML 中使用日期管道，如下所示：

只是日期：

your date | date: 'dd MMM yyyy'

日期与时间：

your date | date: 'dd MMM yyyy hh:mm a'

如果您只想从 new Date() 获取输入日期，则：

您可以在 ts 文件中使用 Angular formatDate()，如下所示 -

currentDate = new Date();

const cValue = formatDate(currentDate, 'yyyy-MM-dd', 'en-US');

Answer 3

你可以使用date:'yyyy-MM-dd'管道

curDate=new Date();

<p>{{curDate | date:'yyyy-MM-dd'}}</p>

Answer 4

这是示例：

function MethodName($scope)
{
    $scope.date = new Date();
}

您可以在视图中更改格式，这里有一个代码

<div ng-app ng-controller="MethodName">
    My current date is {{date | date:'yyyy-MM-dd'}} . 
</div>

希望对您有所帮助。

Answer 5

您可以尝试执行此操作。

component.ts

currentDate = new Date();

component.html

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