如何以特定格式‘yyyy-MM-dd’获取当前日期,例如今天,结果是:‘2018-07-12’,只使用以下命令

myDate = new Date();

非常感谢

推荐答案

您可以使用DatePipe设置日期的Angular 格式.

在ts中,如果您想格式化日期,则可以将DatePipas Service注入到构造函数中,如下所示

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文件中格式化,"Shortdate"将返回MM/DD/YY类型的日期

{{myDate | date: 'shortDate' }}

从Angular 6开始,这也行得通,

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

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

Angular相关问答推荐

Angularmaterial 中的处理mat—radio—button表单值访问器

Angular :将动态创建的零部件附加为目标元素的子项

具有多重签名的Angular Mocking Service

如何在构造函数中测试MatDialog.Open

CDK虚拟滚动由于组件具有注入属性而在滚动时看到错误的值

Angular KendoGrid RowReorderable,drop不适用于新添加的行

FromEvent不工作,本机事件绑定

显示用户名-Angular

错误:在@angular/core中找不到导出ɵivyEnabled(导入为ɵivyEnabled)

需要做什么才能使 ErrorHandler 正常工作?

我应该在 Jasmine 3 中使用什么来代替 fit 和 fdescribe?

如何将新的 FormGroup 或 FormControl 添加到表单

在 Ionic 2 中使用 NodeJS.Timer 时找不到命名空间 NodeJS

错误 TS1086:无法在 Angular 9 的环境上下文中声明访问器

什么是 Angular 4,我可以从哪里了解更多信息?

AOT - Angular 6 - 指令 SomeComponent,预期 0 个参数,但go 有 1 个参数

Angular 4 设置下拉菜单中的选定选项

如何使用 CLI 创建特定版本的 Angular 项目?

如何在 Angular Material 中设置图标的 colored颜色 ?

Angular2:将数组转换为 Observable