Angular中获取当前日期的方法有以下几种方式:
1. DatePipe
Angular提供了一个内置的pipe:DatePipe来处理日期。我们可以将DatePipe注入到组件中,然后使用它的transform方法来获取当前日期。
import { Component } from '@angular/core';
import { DatePipe } from '@angular/common';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
today: Date;
constructor(private datePipe: DatePipe) {
this.today = new Date();
}
ngOnInit() {
console.log(this.datePipe.transform(this.today, 'yyyy-MM-dd')); // 2022-01-01
}
}
这里我们通过注入DatePipe,使用它的transform方法将日期格式为yyyy-MM-dd。
2. new Date()
我们可以使用new Date()来获取当前日期,然后使用一些JavaScript原生API来格式化日期。
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
today: Date;
constructor() {
this.today = new Date();
}
ngOnInit() {
console.log(this.today.getFullYear() + '-' + (this.today.getMonth() + 1) + '-' + this.today.getDate()); // 2022-01-01
}
}
这里我们通过new Date()获取当前日期,然后使用getFullYear、getMonth、getDate方法来获取年、月、日。
以上是两种在Angular中获取当前日期的方法。其中,DatePipe更适用于格式化日期的需求;而new Date()则更适合在JS原生API操作中使用。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:在 Angular 中获取当前日期的方法 - Python技术站